ui phase 2

client/src/app/[locale]/(private-routes)/(customer)/profile/page.tsx

@@ -4,11 +4,13 @@ import { useLocale, useTranslations } from 'next-intl';
 import { useSnackbar } from 'notistack';
 import { Box, Divider, MenuItem, Paper, Stack, TextField, Typography } from '@mui/material';
 import { AppButton, AppIcon, AppLoading, ErrorState, PhoneNumberField } from '@/components';
+import LocaleSwitcher from '@/components/common/LocaleSwitcher';
 import { isIranianMobile } from '@/components/PhoneNumberField';
 import { ROUTES } from '@/constants';
 import { digitsOnly } from '@/utils';
+import { ActorSwitcher } from '@/layout';
 import { useCustomerProfile, useUpsertCustomerProfile } from '@/services/profiles';
-import { useMe } from '@/services/auth';
+import { useMe, useLogout } from '@/services/auth';
 import type { CustomerProfile } from '@/services/profiles/types';
 
 /** Customer profile — name, preferred language, and the emergency contact. No national-ID KYC. */
@@ -167,6 +169,31 @@ const CustomerProfileForm: FunctionComponent<{
           </AppButton>
         </Stack>
       </Paper>
+
+      <Divider />
+
+      {/* Account affordances: sign-out has no home anywhere in the customer shell yet (a full hub
+          redesign is deferred to phase 9) — one labeled row is enough for now. */}
+      <Stack sx={{ gap: 1.5 }}>
+        <ActorSwitcher target="nurse" />
+        <Stack direction="row" sx={{ alignItems: 'center', justifyContent: 'space-between' }}>
+          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+            {t('app_language')}
+          </Typography>
+          <LocaleSwitcher />
+        </Stack>
+        <SignOutRow />
+      </Stack>
     </Box>
   );
 };
+
+const SignOutRow: FunctionComponent = () => {
+  const t = useTranslations('profile');
+  const { mutate: logout, isPending } = useLogout();
+  return (
+    <AppButton variant="text" color="error" startIcon="logout" onClick={() => logout()} disabled={isPending} sx={{ alignSelf: 'flex-start' }}>
+      {t('sign_out')}
+    </AppButton>
+  );
+};