claim reports slicing

frontend/client-portal/src/routes/index.tsx

@@ -47,9 +47,6 @@ export default function Router() {
             </AuthProvider>
           ),
         },
-        // { path: 'login-unprotected', element: <Login /> },
-        // { path: 'register-unprotected', element: <Register /> },
-        // { path: 'reset-password', element: <ResetPassword /> },
       ],
     },
     {
@@ -89,6 +86,22 @@ export default function Router() {
         },
       ],
     },
+    {
+      path: '/claim-report',
+      element: (
+        <AuthProvider>
+          <AuthGuard>
+            <DashboardLayout />
+          </AuthGuard>
+        </AuthProvider>
+      ),
+      children: [
+        {
+          element: <ClaimReport />,
+          index: true,
+        },
+      ],
+    },
     {
       path: '*',
       element: <LogoOnlyLayout />,
@@ -114,3 +127,6 @@ const AlarmCenter = Loadable(lazy(() => import('../pages/AlarmCenter/Index')));
 const AlarmCenterServiceMonitoring = Loadable(
   lazy(() => import('../pages/AlarmCenter/ServiceMonitoring'))
 );
+
+// Claim Report
+const ClaimReport = Loadable(lazy(() => import('../pages/ClaimReport/Index')));