update listing dan edit claim management

frontend/dashboard/src/pages/ClaimRequests/List.tsx

@@ -47,12 +47,13 @@ import { fDateTimesecond } from '@/utils/formatTime';
 import { capitalizeFirstLetter } from '@/utils/formatString';
 import Label from '@/components/Label';
 import TableMoreMenu from '@/components/table/TableMoreMenu';
+import { Import } from '@/@types/claims';
 // import LoadingButton from '@/theme/overrides/LoadingButton';
 
 export default function List() {
   const { themeColorPresets } = useSettings();
   const [searchParams, setSearchParams] = useSearchParams();
-  const [importResult, setImportResult] = useState(null);
+  const [importResult, setImportResult] = useState<Import>(null);
 
   const navigate = useNavigate()
 
@@ -213,7 +214,7 @@ export default function List() {
                 }}
               >
                 <MenuItem onClick={handleImportButton}>Import</MenuItem>
-                <MenuItem onClick={() => {handleGetTemplate('claim-request')}}>Download Template test</MenuItem>
+                <MenuItem onClick={() => {handleGetTemplate('claim-request')}}>Download Template</MenuItem>
                 <MenuItem onClick={() => {handleGetData('data-plan-benefit')}}>Download Claim Request</MenuItem>
               </Menu>
             <Button
@@ -257,6 +258,16 @@ export default function List() {
             </LoadingButton>
           </Stack>
         )}
+         {importResult && (
+          <Stack direction={'row'} sx={{ px: 2, pb: 2 }}>
+            <Box sx={{ color: 'text.secondary' }}>
+              Last Import Result Report :{' '}
+              <a href={importResult.result_file?.url ?? '#'}>
+                {importResult.result_file?.name ?? '-'}
+              </a>
+            </Box>
+          </Stack>
+        )}
       </div>
     );
   }