전 저장소 리팩터링과 SSOT 정비

apps/web/src/pages/PendingApproval.tsx

@@ -1,6 +1,8 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button, Icon } from "../components/ui";
+import { surfaceClassName } from "../components/ui/Surface";
+import { AuthShell } from "../components/auth/AuthShell";
 import { roleHomePath, useAuth } from "../lib/auth";
 import "./pending-approval.css";
 
@@ -34,8 +36,8 @@ export default function PendingApproval() {
 
   return (
     <>
-      <main className="pa-page" aria-label="계정 승인 대기">
-        <section className="pa-panel">
+      <AuthShell className="pa-page" aria-label="계정 승인 대기">
+        <section className={surfaceClassName("pa-panel")}>
           <div className="pa-mark" aria-hidden="true">
             <Icon name="shield" size={30} strokeWidth={1.9} />
           </div>
@@ -73,7 +75,7 @@ export default function PendingApproval() {
             </Button>
           </div>
         </section>
-      </main>
+      </AuthShell>
     </>
   );
 }