chore: Wrap routes in suspense wrapper that haven't done so in child data components

bciers/apps/administration/app/bceidbusiness/industry_user/contacts/[contactId]/page.tsx

@@ -1,7 +1,13 @@
 import ContactPage from "@/administration/app/components/contacts/ContactPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params: { contactId },
 }: Readonly<{ params: { contactId: string } }>) {
-  return <ContactPage contactId={contactId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactPage contactId={contactId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user/contacts/page.tsx

@@ -1,11 +1,17 @@
 // 🚩 flagging that for shared routes between roles, "Page" code is a component for code maintainability
 import { ContactsSearchParams } from "@/administration/app/components/contacts/types";
 import ContactsPage from "@/administration/app/components/contacts/ContactsPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   searchParams,
 }: Readonly<{
   searchParams: ContactsSearchParams;
 }>) {
-  return <ContactsPage searchParams={searchParams} isExternalUser={true} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactsPage searchParams={searchParams} isExternalUser={true} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user/my-operator/page.tsx

@@ -1,7 +1,13 @@
 // 🚩 flagging that for shared routes between roles, `Operator` code is a component for code maintainability
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 import Operator from "@/administration/app/components/operators/Operator";
 
 export default async function Page() {
-  return <Operator />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <Operator />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user/operations/[operationId]/facilities/add-facility/page.tsx

@@ -1,10 +1,16 @@
 import { UUID } from "crypto";
 import FacilityPage from "@/administration/app/components/facilities/FacilityPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params,
 }: {
   params: Readonly<{ operationId: UUID }>;
 }) {
-  return <FacilityPage operationId={params.operationId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <FacilityPage operationId={params.operationId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user/operations/[operationId]/page.tsx

@@ -1,10 +1,16 @@
 import OperationInformationPage from "@/administration/app/components/operations/OperationInformationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params: { operationId },
 }: Readonly<{
   params: { operationId: UUID };
 }>) {
-  return <OperationInformationPage operationId={operationId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <OperationInformationPage operationId={operationId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/contacts/[contactId]/page.tsx

@@ -1,7 +1,13 @@
 import ContactPage from "@/administration/app/components/contacts/ContactPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params: { contactId },
 }: Readonly<{ params: { contactId: string } }>) {
-  return <ContactPage contactId={contactId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactPage contactId={contactId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/contacts/add-contact/page.tsx

@@ -1,5 +1,11 @@
 import ContactPage from "@/administration/app/components/contacts/ContactPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page() {
-  return <ContactPage />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactPage />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/contacts/page.tsx

@@ -1,11 +1,17 @@
 // 🚩 flagging that for shared routes between roles, "Page" code is a component for code maintainability
 import { ContactsSearchParams } from "@/administration/app/components/contacts/types";
 import ContactsPage from "@/administration/app/components/contacts/ContactsPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   searchParams,
 }: Readonly<{
   searchParams: ContactsSearchParams;
 }>) {
-  return <ContactsPage searchParams={searchParams} isExternalUser={true} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactsPage searchParams={searchParams} isExternalUser={true} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/my-operator/page.tsx

@@ -1,7 +1,13 @@
 // 🚩 flagging that for shared routes between roles, `Operator` code is a component for code maintainability
 
 import Operator from "@/administration/app/components/operators/Operator";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page() {
-  return <Operator />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <Operator />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/operations/[operationId]/facilities/add-facility/page.tsx

@@ -1,10 +1,16 @@
 import { UUID } from "crypto";
 import FacilityPage from "@/administration/app/components/facilities/FacilityPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params,
 }: {
   params: Readonly<{ operationId: UUID }>;
 }) {
-  return <FacilityPage operationId={params.operationId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <FacilityPage operationId={params.operationId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/bceidbusiness/industry_user_admin/operations/[operationId]/page.tsx

@@ -1,10 +1,16 @@
 import OperationInformationPage from "@/administration/app/components/operations/OperationInformationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params: { operationId },
 }: Readonly<{
   params: { operationId: UUID };
 }>) {
-  return <OperationInformationPage operationId={operationId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <OperationInformationPage operationId={operationId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/idir/cas_admin/contacts/[contactId]/page.tsx

@@ -1,7 +1,13 @@
 import ContactPage from "@/administration/app/components/contacts/ContactPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params: { contactId },
 }: Readonly<{ params: { contactId: string } }>) {
-  return <ContactPage contactId={contactId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactPage contactId={contactId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/idir/cas_admin/contacts/page.tsx

@@ -1,11 +1,17 @@
 // 🚩 flagging that for shared routes between roles, "Page" code is a component for code maintainability
 import { ContactsSearchParams } from "@/administration/app/components/contacts/types";
 import ContactsPage from "@/administration/app/components/contacts/ContactsPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   searchParams,
 }: Readonly<{
   searchParams: ContactsSearchParams;
 }>) {
-  return <ContactsPage searchParams={searchParams} isExternalUser={false} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactsPage searchParams={searchParams} isExternalUser={false} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/idir/cas_analyst/contacts/[contactId]/page.tsx

@@ -1,7 +1,13 @@
 import ContactPage from "apps/administration/app/components/contacts/ContactPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default function Page({
   params: { contactId },
 }: Readonly<{ params: { contactId: string } }>) {
-  return <ContactPage contactId={contactId} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactPage contactId={contactId} />
+    </Suspense>
+  );
 }

bciers/apps/administration/app/idir/cas_analyst/contacts/page.tsx

@@ -1,11 +1,17 @@
 // 🚩 flagging that for shared routes between roles, "Page" code is a component for code maintainability
 import { ContactsSearchParams } from "@/administration/app/components/contacts/types";
 import ContactsPage from "@/administration/app/components/contacts/ContactsPage";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   searchParams,
 }: Readonly<{
   searchParams: ContactsSearchParams;
 }>) {
-  return <ContactsPage searchParams={searchParams} isExternalUser={false} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <ContactsPage searchParams={searchParams} isExternalUser={false} />
+    </Suspense>
+  );
 }

bciers/apps/registration/app/bceidbusiness/industry_user/register-an-operation/[operation]/[step]/page.tsx

@@ -1,5 +1,6 @@
 import OperationRegistrationPage from "apps/registration/app/components/operations/OperationRegistrationPage";
-
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 import { UUID } from "crypto";
 
 export default function Page({
@@ -11,10 +12,12 @@ export default function Page({
 }) {
   const { operation, step } = params;
   return (
-    <OperationRegistrationPage
-      step={parseInt(step)}
-      operation={operation}
-      searchParams={searchParams}
-    />
+    <Suspense fallback={<Loading />}>
+      <OperationRegistrationPage
+        step={parseInt(step)}
+        operation={operation}
+        searchParams={searchParams}
+      />
+    </Suspense>
   );
 }

bciers/apps/registration/app/bceidbusiness/industry_user/register-an-operation/page.tsx

@@ -2,6 +2,8 @@
 
 import OperationRegistrationPage from "@/registration/app/components/operations/OperationRegistrationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
@@ -11,12 +13,12 @@ export default async function Page({
   searchParams: any;
 }) {
   return (
-    <>
+    <Suspense fallback={<Loading />}>
       <OperationRegistrationPage
         step={1}
         operation={params?.operation}
         searchParams={searchParams}
       />
-    </>
+    </Suspense>
   );
 }

bciers/apps/registration/app/bceidbusiness/industry_user_admin/register-an-operation/[operation]/[step]/page.tsx

@@ -1,5 +1,6 @@
 import OperationRegistrationPage from "apps/registration/app/components/operations/OperationRegistrationPage";
-
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 import { UUID } from "crypto";
 
 export default function Page({
@@ -11,10 +12,12 @@ export default function Page({
 }) {
   const { operation, step } = params;
   return (
-    <OperationRegistrationPage
-      step={parseInt(step)}
-      operation={operation}
-      searchParams={searchParams}
-    />
+    <Suspense fallback={<Loading />}>
+      <OperationRegistrationPage
+        step={parseInt(step)}
+        operation={operation}
+        searchParams={searchParams}
+      />
+    </Suspense>
   );
 }

bciers/apps/registration/app/bceidbusiness/industry_user_admin/register-an-operation/page.tsx

@@ -2,6 +2,8 @@
 
 import OperationRegistrationPage from "@/registration/app/components/operations/OperationRegistrationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
@@ -11,12 +13,12 @@ export default async function Page({
   searchParams: any;
 }) {
   return (
-    <>
+    <Suspense fallback={<Loading />}>
       <OperationRegistrationPage
         step={1}
         operation={params?.operation}
         searchParams={searchParams}
       />
-    </>
+    </Suspense>
   );
 }

bciers/apps/reporting/src/app/bceidbusiness/industry_user/reports/[version_id]/facilities/[facility_id]/review/page.tsx

@@ -1,14 +1,18 @@
 import FacilityReviewFormData from "@reporting/src/app/components/facility/FacilityReviewFormData";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
 }: {
   params: { version_id: number; facility_id: number };
 }) {
   return (
-    <FacilityReviewFormData
-      version_id={params.version_id}
-      facility_id={params.facility_id}
-    />
+    <Suspense fallback={<Loading />}>
+      <FacilityReviewFormData
+        version_id={params.version_id}
+        facility_id={params.facility_id}
+      />
+    </Suspense>
   );
 }

bciers/apps/reporting/src/app/bceidbusiness/industry_user/reports/[version_id]/review-operator-data/page.tsx

@@ -1,9 +1,15 @@
 import OperationReviewFormData from "../../../../../components/operations/OperationReviewFormData";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
 }: {
   params: { version_id: number };
 }) {
-  return <OperationReviewFormData version_id={params.version_id} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <OperationReviewFormData version_id={params.version_id} />
+    </Suspense>
+  );
 }