fix build issue without removing useQueryState state

Author: bhavabhuthi

app/[locale]/manage/layout.tsx

@@ -6,10 +6,10 @@ import { SidebarNavItem } from '@/types';
 
 import { cn } from '@/lib/utils';
 import BreadCrumbs from '@/components/BreadCrumbs';
-
-import styles from '../dashboard/components/styles.module.scss';
-import { MobileDashboardNav } from '../dashboard/components/mobile-dashboard-nav';
 import { DashboardNav } from '../dashboard/components/dashboard-nav';
+import { MobileDashboardNav } from '../dashboard/components/mobile-dashboard-nav';
+import styles from '../dashboard/components/styles.module.scss';
+import LoadingPage from '../dashboard/loading';
 
 interface DashboardLayoutProps {
   children?: React.ReactNode;
@@ -26,21 +26,19 @@ export default function OrgDashboardLayout({ children }: DashboardLayoutProps) {
       href: `/manage/usecases`,
       icon: 'datasetEdit',
     },
-   
   ];
 
   const organizationId = params.organizationId;
 
   return (
-    <>
+    <React.Suspense fallback={<LoadingPage />}>
       <BreadCrumbs
         data={[
           { href: '/', label: 'Home' },
           {
             href: '',
             label: 'Manage',
           },
-         
         ]}
       />
       <div
@@ -60,6 +58,6 @@ export default function OrgDashboardLayout({ children }: DashboardLayoutProps) {
         </div>
         <div className={cn(styles.Main)}>{children}</div>
       </div>
-    </>
+    </React.Suspense>
   );
 }

app/[locale]/manage/usecases/page.tsx

@@ -97,7 +97,8 @@ export default function DatasetPage({
     error: any;
   } = useMutation(
     [`delete_Usecase`],
-    (data: { id: string }) => GraphQL(deleteUseCase,{}, { useCaseId: data.id }),
+    (data: { id: string }) =>
+      GraphQL(deleteUseCase, {}, { useCaseId: data.id }),
     {
       onSuccess: () => {
         toast(`Deleted UseCase successfully`);
@@ -113,7 +114,7 @@ export default function DatasetPage({
     mutate: any;
     isLoading: boolean;
     error: any;
-  } = useMutation([`delete_Usecase`], () => GraphQL(AddUseCase,{}, []), {
+  } = useMutation([`delete_Usecase`], () => GraphQL(AddUseCase, {}, []), {
     onSuccess: (response: any) => {
       toast(`UseCase created successfully`);
       router.push(`/manage/usecases/edit/${response.addUseCase.id}/details`);