Update

frontend/dashboard/src/pages/Report/DoctorRating_v2/List.tsx

@@ -783,7 +783,7 @@ import {
           />
           {!currentImportFileName && (
             <>
-            <Grid item xs={12} md={4}>
+            <Grid item xs={12} md={5}>
               <TextField
                 id="search-input"
                 ref={searchInput}
@@ -802,7 +802,7 @@ import {
                       <Search />
                     </InputAdornment>
                   ),
-                  placeholder: 'Search Code or Name',
+                  placeholder: 'Search Name',
                 }}
               />
             </Grid>
@@ -870,7 +870,7 @@ import {
               )
             }
             </Grid> */}
-            <Grid item xs={12} md={3} display="flex" sx={{ gap: '16px' }}>
+            <Grid item xs={12} md={2} display="flex" sx={{ gap: '16px' }}>
                 {/* <FormControl >
                   <LoadingButton
                     id="upload-button"

frontend/dashboard/src/pages/Report/KatalogDokter/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 = 'Katalog Dokter & Profile';
+    return (
+        <Page title={pageTitle}>
+        <Container maxWidth={themeStretch ? false : 'xl'}>
+            <HeaderBreadcrumbs
+            heading={pageTitle}
+            links={[
+                {
+                name: 'Report',
+                href: '#',
+                },
+                {
+                name: 'Katalog Dokter & Profile',
+                href: '/report/katalog-dokter',
+                },
+            ]}
+            />
+
+            <List />
+        </Container>
+        </Page>
+    );
+}

frontend/dashboard/src/routes/index.tsx

@@ -14,6 +14,7 @@ import AuthGuard from '../guards/AuthGuard';
 import { Link, useParams, useSearchParams } from 'react-router-dom';
 import Prescription from '@/pages/Report/Prescription/Index';
 import DoctorRating from '@/pages/Report/DoctorRating_v2/Index';
+import KatalogDokter from '@/pages/Report/KatalogDokter/Index';
 
 // ----------------------------------------------------------------------
 
@@ -446,6 +447,10 @@ export default function Router() {
           path: 'report/doctor-rating',
           element: <DoctorRating/>,
         },
+        {
+            path: 'report/katalog-dokter',
+            element: <KatalogDokter/>,
+        },
         {
           path: 'report/linksehat-payments',
           element: <LinksehatPayment />,