first commit

src/app/components/layout/main-layout-util.tsx

@@ -0,0 +1,38 @@
+'use client'
+
+import ReduxProvider from "@/app/redux/provider"
+import HamberMenu from "./hamber-menu"
+import ReactQueryProvider from "@/app/react_query/provider"
+import { usePathname } from 'next/navigation'
+import CustomerInfo from "./customer-info"
+
+
+const MainLayoutUtil = ({children,}: {children: React.ReactNode})=>{
+    const pathname = usePathname()
+
+    return (
+    <div className={`basis-full md:mr-[8.9rem] ${pathname.startsWith('/shop') ? 'lg:ml-[20rem]': ''} `}>
+
+        <ReduxProvider>
+        <ReactQueryProvider>
+        <div className='w-full h-[2.5rem] flex flex-row bg-gray-800 p-2 text-white'>
+
+          <HamberMenu />
+
+          <div className='pr-4'>
+            <CustomerInfo />
+          </div>
+          
+          
+        </div>
+
+              {children}
+
+        </ReactQueryProvider>
+        </ReduxProvider>
+      </div>
+    )
+}
+
+
+export default MainLayoutUtil