WIP: common/network 수정중

packages/common/components/src/provider/popup-provider.tsx

@@ -0,0 +1,5 @@
+function PopupProvider({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}
+
+export { PopupProvider };

packages/common/components/src/ui/layout/base.tsx

@@ -1,10 +1,11 @@
 import type { QueryClient } from "@tanstack/react-query";
-import type { MenuItem } from "../../api";
 import { QueryProvider } from "../../provider/query-provider";
+import { PopupProvider } from "../../provider/popup-provider";
+import type { MenuItem } from "../../api";
+import { SidebarProvider } from "../sidebar";
 import { LNB } from "../lnb";
 import { Header } from "../header";
 import { Footer } from "./footer";
-import { SidebarProvider } from "../sidebar";
 import "./common.css";
 
 export function BaseLayout({
@@ -20,20 +21,25 @@ export function BaseLayout({
 }) {
   return (
     <QueryProvider queryClient={queryClient}>
-      <SidebarProvider>
-        <div className="flex-1">
-          <Header />
-          <div className="flex h-[calc(100vh-50px)]">
-            <LNB currentPath={currentPath} handleMenuClick={handleMenuClick} />
-            <div className="flex flex-1 flex-col">
-              <div className="max-h-[calc(100%-50px)] flex-1 overflow-auto">
-                {children}
+      <PopupProvider>
+        <SidebarProvider>
+          <div className="flex-1">
+            <Header />
+            <div className="flex h-[calc(100vh-50px)]">
+              <LNB
+                currentPath={currentPath}
+                handleMenuClick={handleMenuClick}
+              />
+              <div className="flex flex-1 flex-col">
+                <div className="max-h-[calc(100%-50px)] flex-1 overflow-auto">
+                  {children}
+                </div>
+                <Footer />
               </div>
-              <Footer />
             </div>
           </div>
-        </div>
-      </SidebarProvider>
+        </SidebarProvider>
+      </PopupProvider>
     </QueryProvider>
   );
 }