cleared build issues

src/app/waiter/menu-category/page.jsx

@@ -3,7 +3,7 @@ import DashBoardLayerOne from "@/components/DashBoardLayerOne";
 import FloorComponent from "@/components/floor-component/FloorComponent";
 import MainComponent from "@/components/home/MainComponent";
 import MasterLayout from "@/masterLayout/MasterLayout";
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import client from "@auth";
 import MenuItems from "@/components/menu-component/MenuItems";
 import { useSearchParams } from 'next/navigation';
@@ -16,7 +16,7 @@ import Breadcrumb from "@/components/Breadcrumb";
 //     "Wowdash NEXT JS is a developer-friendly, ready-to-use admin template designed for building attractive, scalable, and high-performing web applications.",
 // };
 
-const MenuItemsPage = () => {
+const MenuItemsPageInner = () => {
 
     const searchParams = useSearchParams();
 
@@ -50,28 +50,29 @@ const MenuItemsPage = () => {
 
     return (
         <>
-            {/* MasterLayout */}
-            <MasterLayout>
-                {/* Breadcrumb */}
-                <Breadcrumb title='Menu Category' />
-
-                {
-                    loading ? (
-                        <PageLoader />
-                    ) : menuData?.length == 0 ? (
-                        <PageNoData />
-                    ) : (
-                        <MenuItems menuData={menuData} tableName={tableName} seats={seats} time={time} />
-                    )
-                }
-            </MasterLayout>
-
-            {/* Render your floor data here */}
-            {/* {floorData && (
-        <pre>{JSON.stringify(floorData, null, 2)}</pre>
-      )} */}
+            {
+                loading ? (
+                    <PageLoader />
+                ) : menuData?.length == 0 ? (
+                    <PageNoData />
+                ) : (
+                    <MenuItems menuData={menuData} tableName={tableName} seats={seats} time={time} />
+                )
+            }
         </>
     );
 };
 
+
+const MenuItemsPage = (() => {
+    return (
+        <MasterLayout>
+            <Breadcrumb title="Menu Category" />
+            <Suspense fallback={<PageLoader />}>
+                <MenuItemsPageInner />
+            </Suspense>
+        </MasterLayout>
+    )
+})
+
 export default MenuItemsPage;

src/app/waiter/menu-items/page.jsx

@@ -1,5 +1,5 @@
 "use client"
-import React, { useEffect, useState } from "react";
+import React, { Suspense, useEffect, useState } from "react";
 import { useParams, useSearchParams } from "next/navigation";
 import Link from "next/link";
 import MasterLayout from "@/masterLayout/MasterLayout";
@@ -10,7 +10,7 @@ import PageLoader from "@/components/common-component/PageLoader";
 import PageNoData from "@/components/common-component/PageNoData";
 import Breadcrumb from "@/components/Breadcrumb";
 
-const MenuItemsCategory = () => {
+const MenuItemsCategoryInner = () => {
     const params = useParams();
     // const menuName = params.name;
 
@@ -391,9 +391,7 @@ const MenuItemsCategory = () => {
     console.log("cartItem?.quantity", cartItem)
 
     return (
-        <MasterLayout>
-            <Breadcrumb title={`Menu Items`} />
-
+        <>
             <div className="container-fluid" style={{ marginBottom: "100px" }}>
 
                 {
@@ -861,8 +859,19 @@ const MenuItemsCategory = () => {
                     </>
                 )
             }
-        </MasterLayout >
+        </>
     );
 };
 
+const MenuItemsCategory = (() => {
+    return (
+        <MasterLayout>
+            <Breadcrumb title="Menu Items" />
+            <Suspense fallback={<PageLoader />}>
+                <MenuItemsCategoryInner />
+            </Suspense>
+        </MasterLayout>
+    )
+})
+
 export default MenuItemsCategory;