Merge remote-tracking branch 'origin/staging' into origin/production

frontend/dashboard/src/pages/Report/DoctorOnline/Index.tsx

@@ -0,0 +1,35 @@
+import { Card, Grid, Container } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import HeaderBreadcrumbs from '../../../components/HeaderBreadcrumbs';
+import Page from '../../../components/Page';
+import useSettings from '../../../hooks/useSettings';
+import List from './List';
+
+export default function Index() {
+    const { themeStretch } = useSettings();
+
+    const { id } = useParams();
+
+    const pageTitle = 'Doctor Online';
+    return (
+        <Page title={pageTitle}>
+        <Container maxWidth={themeStretch ? false : 'xl'}>
+            <HeaderBreadcrumbs
+            heading={pageTitle}
+            links={[
+                {
+                name: 'Report',
+                href: '#',
+                },
+                {
+                name: 'Doctor Online',
+                href: '/report/doctor-online',
+                },
+            ]}
+            />
+
+            <List />
+        </Container>
+        </Page>
+    );
+}