반응형 웹 디자인 적용

app/(admin)/layout.tsx

@@ -1,24 +1,13 @@
 import Link from "next/link";
 import { redirect } from "next/navigation";
-import {
-  ArrowUpCircle,
-  ClipboardList,
-  GraduationCap,
-  LayoutDashboard,
-  LogOut,
-} from "lucide-react";
+import { LogOut } from "lucide-react";
 
 import { auth } from "@/auth";
 import { Button } from "@/components/ui/button";
 
 import { logoutAction } from "./actions";
-
-const navItems = [
-  { href: "/", label: "대시보드", icon: LayoutDashboard },
-  { href: "/maestros", label: "마에스트로", icon: GraduationCap },
-  { href: "/extension-requests", label: "연장 신청", icon: ClipboardList },
-  { href: "/upgrade-requests", label: "업그레이드", icon: ArrowUpCircle },
-];
+import { MobileNav } from "./MobileNav";
+import { navItems } from "./nav-config";
 
 export default async function AdminLayout({
   children,
@@ -58,8 +47,9 @@ export default async function AdminLayout({
       </aside>
 
       <div className="md:pl-64">
-        <header className="sticky top-0 z-10 flex h-16 items-center justify-between border-b bg-background px-5">
-          <div>
+        <header className="sticky top-0 z-10 flex h-16 items-center gap-3 border-b bg-background px-5">
+          <MobileNav />
+          <div className="flex-1">
             <p className="text-sm font-medium">{session.user.name}</p>
             <p className="text-xs text-muted-foreground">
               관리자 ID {session.user.adminID}