first commit

src/app/[locale]/auth/page.tsx

@@ -1,10 +1,11 @@
 import Login from '@/features/auth/ui/Login';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Login />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/cart/order/page.tsx

@@ -1,10 +1,11 @@
 import OrderPage from '@/features/cart/ui/OrderPage';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <OrderPage />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/cart/page.tsx

@@ -1,10 +1,11 @@
 import CartPage from '@/features/cart/ui/CartPage';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <CartPage />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/category/[categoryId]/[subId]/page.tsx

@@ -1,10 +1,11 @@
 import Product from '@/features/category/ui/Product';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Product />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/category/[categoryId]/page.tsx

@@ -1,10 +1,11 @@
 import SubCategory from '@/features/category/ui/SubCategory';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <SubCategory />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/category/page.tsx

@@ -1,10 +1,11 @@
 import Category from '@/features/category/ui/Category';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Category />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/favourite/page.tsx

@@ -1,10 +1,11 @@
 import Favourite from '@/features/favourite/ui/Favourite';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Favourite />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/layout-shell.tsx

@@ -3,6 +3,7 @@
 import { usePathname } from '@/shared/config/i18n/navigation';
 import Footer from '@/widgets/footer/ui';
 import Navbar from '@/widgets/navbar/ui';
+import { Suspense } from 'react';
 
 const HIDE_FOOTER_ROUTES = ['/auth', '/checkout'];
 
@@ -18,10 +19,10 @@ export default function LayoutShell({
   );
 
   return (
-    <>
+    <Suspense>
       <Navbar />
       {children}
       {!hideFooter && <Footer />}
-    </>
+    </Suspense>
   );
 }

src/app/[locale]/product/[product]/page.tsx

@@ -1,10 +1,11 @@
 import ProductDetail from '@/features/product/ui/Product';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <ProductDetail />
-    </div>
+    </Suspense>
   );
 };
 

src/app/[locale]/search/page.tsx

@@ -1,10 +1,11 @@
 import SearchResult from '@/features/search/ui/Search';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <SearchResult />
-    </div>
+    </Suspense>
   );
 };