Implement compliance exports and retention overrides

resources/js/admin/mobile/ProfilePage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { LogOut, User, Settings, Shield, Globe, Moon } from 'lucide-react';
+import { LogOut, User, Settings, Shield, Globe, Moon, Download } from 'lucide-react';
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Pressable } from '@tamagui/react-native-web-lite';
@@ -12,7 +12,7 @@ import { MobileCard, CTAButton } from './components/Primitives';
 import { MobileSelect } from './components/FormControls';
 import { useAuth } from '../auth/context';
 import { fetchTenantProfile } from '../api';
-import { adminPath } from '../constants';
+import { adminPath, ADMIN_DATA_EXPORTS_PATH } from '../constants';
 import i18n from '../i18n';
 import { useAppearance } from '@/hooks/use-appearance';
 import { useBackNavigation } from './hooks/useBackNavigation';
@@ -131,6 +131,22 @@ export default function MobileProfilePage() {
               />
             </Pressable>
           </YGroup.Item>
+          <YGroup.Item bordered>
+            <Pressable onPress={() => navigate(ADMIN_DATA_EXPORTS_PATH)}>
+              <ListItem
+                hoverTheme
+                pressTheme
+                paddingVertical="$2"
+                paddingHorizontal="$3"
+                title={
+                  <Text fontSize="$sm" color={textColor}>
+                    {t('dataExports.title', 'Data exports')}
+                  </Text>
+                }
+                iconAfter={<Download size={18} color={subtle} />}
+              />
+            </Pressable>
+          </YGroup.Item>
           <YGroup.Item bordered>
             <ListItem
               paddingVertical="$2"