added more translations and added the new layout wizard

resources/js/admin/mobile/EventDetailPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { CalendarDays, MapPin, Settings, Users, Camera, Sparkles, QrCode, Image, Shield, Layout, RefreshCcw, ChevronDown } from 'lucide-react';
+import { CalendarDays, MapPin, Settings, Users, Camera, Sparkles, QrCode, Image, Shield, Layout, RefreshCcw, ChevronDown, Pencil } from 'lucide-react';
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Pressable } from '@tamagui/react-native-web-lite';
@@ -129,6 +129,24 @@ export default function MobileEventDetailPage() {
         <PillBadge tone={event?.status === 'published' ? 'success' : 'warning'}>
           {event?.status === 'published' ? t('events.status.published', 'Live') : t('events.status.draft', 'Draft')}
         </PillBadge>
+        <Pressable
+          aria-label={t('mobileEvents.edit', 'Edit event')}
+          onPress={() => slug && navigate(adminPath(`/mobile/events/${slug}/edit`))}
+          style={{
+            position: 'absolute',
+            right: 16,
+            top: 16,
+            width: 44,
+            height: 44,
+            borderRadius: 22,
+            backgroundColor: '#e2e8f0',
+            alignItems: 'center',
+            justifyContent: 'center',
+            boxShadow: '0 6px 16px rgba(0,0,0,0.12)',
+          }}
+        >
+          <Pencil size={18} color="#0f172a" />
+        </Pressable>
       </MobileCard>
 
       <YStack space="$2">