Update container_page.tsx

Fixed bug of categories navbar

src/app/container_page.tsx

@@ -1,6 +1,8 @@
+'use client'
 import Footer from '~/components/footer/Footer';
 import NavBar from '~/components/navBar/navBar';
 import Categories from '~/components/categories/categories';
+import { usePathname } from 'next/navigation';
 
 type ContainerPageProps = {
   children: React.ReactNode;
@@ -15,12 +17,13 @@ export function ContainerPage({
   footer = true,
   children,
 }: ContainerPageProps) {
+  const pathname = usePathname();
   return (
     <>
       {typeof nav === 'boolean' && nav ? <NavBar /> : nav}
       {header && header}
       <main className="min-h-screen overflow-hidden mx-auto">
-        <Categories/>
+        {pathname !== '/' && <Categories />}
         {children}
       </main>
       {footer && <Footer />}