further improvements for the mobile admin

resources/js/admin/mobile/components/MobileShell.tsx

@@ -15,7 +15,6 @@ import { MobileCard, PillBadge } from './Primitives';
 import { useNotificationsBadge } from '../hooks/useNotificationsBadge';
 import { formatEventDate, resolveEventDisplayName } from '../../lib/events';
 import { TenantEvent, getEvents } from '../../api';
-const DevTenantSwitcher = React.lazy(() => import('../../DevTenantSwitcher'));
 
 type MobileShellProps = {
   title?: string;
@@ -42,7 +41,6 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
   const [fallbackEvents, setFallbackEvents] = React.useState<TenantEvent[]>([]);
   const [loadingEvents, setLoadingEvents] = React.useState(false);
   const [attemptedFetch, setAttemptedFetch] = React.useState(false);
-  const showDevTenantSwitcher = import.meta.env.DEV && import.meta.env.VITE_ENABLE_TENANT_SWITCHER === 'true';
 
   const locale = i18n.language?.startsWith('en') ? 'en-GB' : 'de-DE';
   const effectiveEvents = events.length ? events : fallbackEvents;
@@ -90,7 +88,7 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
   const showQr = Boolean(effectiveActive?.slug);
 
   return (
-    <YStack backgroundColor={backgroundColor} minHeight="100vh">
+    <YStack backgroundColor={backgroundColor} minHeight="100vh" alignItems="center">
       <YStack
         backgroundColor={surfaceColor}
         borderBottomWidth={1}
@@ -102,6 +100,8 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
         shadowOpacity={0.06}
         shadowRadius={10}
         shadowOffset={{ width: 0, height: 4 }}
+        width="100%"
+        maxWidth={800}
       >
         <XStack alignItems="center" justifyContent="space-between" minHeight={48} space="$3">
           {onBack ? (
@@ -184,17 +184,12 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
                 </Pressable>
               ) : null}
               {headerActions ?? null}
-              {showDevTenantSwitcher ? (
-                <Suspense fallback={null}>
-                  <DevTenantSwitcher variant="inline" />
-                </Suspense>
-              ) : null}
             </XStack>
           </XStack>
         </XStack>
       </YStack>
 
-      <YStack flex={1} padding="$4" paddingBottom="$10" space="$3">
+      <YStack flex={1} padding="$4" paddingBottom="$10" space="$3" width="100%" maxWidth={800}>
         {children}
       </YStack>