finishing part 1

frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/index.tsx

@@ -0,0 +1,48 @@
+/**
+ * Core
+ * ============================================
+ */
+import { Box, Grid } from '@mui/material';
+
+/**
+ * Components
+ * ============================================
+*/
+// - Global -
+import Page from '../../../components/Page';
+import HeaderBreadcrumbs from "../../../components/HeaderBreadcrumbs";
+// - Local -
+import DailyMonitoringList from './Components/DailyMonitoringList';
+
+export default function DailyMonitoring() {
+    const pageTitle = "Daily Monitoring";
+
+    return (
+        <Page title={ pageTitle } sx={{ px: 2 }}>
+            <Grid container>
+                {/* page header */}
+                <Grid item xs={12}>
+                    <HeaderBreadcrumbs
+                        heading={ pageTitle }
+                        sx={{ px: 1 }}
+                        links={[
+                            {
+                                name: 'Dashboard',
+                                href: '/dashboard',
+                            },
+                            {
+                                name: 'Daily Monitoring',
+                                href: '/case_management/daily_monitoring',
+                            },
+                        ]}
+                    />
+                </Grid>
+
+                {/* tabel daily monitoring */}
+                <Grid item xs={12}>
+                    <DailyMonitoringList />
+                </Grid>
+            </Grid>
+        </Page>
+    );
+}