ui phase 1

client/src/app/[locale]/(private-routes)/nurse/visits/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 import { useLocale, useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
-import { Box, Paper, Skeleton, Stack, Typography } from '@mui/material';
-import { AppButton, AppIcon } from '@/components';
+import { Box, Skeleton, Stack, Typography } from '@mui/material';
+import { AppButton, EmptyState } from '@/components';
 import { SessionCard, useEvvController } from '@/components/booking';
 import { ROUTES } from '@/constants';
 import { useSessionEvv, useTodaySessions } from '@/services/bookings';
@@ -39,12 +39,7 @@ export default function NurseVisitsPage() {
           ))}
         </Stack>
       ) : items.length === 0 ? (
-        <Paper elevation={0} sx={{ p: 4, textAlign: 'center', border: '1px dashed', borderColor: 'divider', borderRadius: 2 }}>
-          <AppIcon icon="visits" size={40} color="var(--bal-text-secondary)" />
-          <Typography variant="body2" sx={{ color: 'text.secondary', mt: 1 }}>
-            {t('evv_no_visits')}
-          </Typography>
-        </Paper>
+        <EmptyState icon="visits" title={t('evv_no_visits')} />
       ) : (
         <Stack sx={{ gap: 2 }}>
           {items.map((item) => (