Align admin mobile colors with Tamagui v2 tokens

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

@@ -40,6 +40,10 @@ vi.mock('@tamagui/react-native-web-lite', () => ({
 }));
 
 vi.mock('tamagui', () => ({
+  YStack: ({ children, ...props }: { children: React.ReactNode }) => <div {...props}>{children}</div>,
+  XStack: ({ children, ...props }: { children: React.ReactNode }) => <div {...props}>{children}</div>,
+  SizableText: ({ children, ...props }: { children: React.ReactNode }) => <span {...props}>{children}</span>,
+  Image: ({ src, ...props }: { src?: string }) => <img src={src} alt="" {...props} />,
   Separator: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   Tabs: Object.assign(({ children }: { children: React.ReactNode }) => <div>{children}</div>, {
     List: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
@@ -50,6 +54,7 @@ vi.mock('tamagui', () => ({
 
 vi.mock('../BottomNav', () => ({
   BottomNav: () => <div data-testid="bottom-nav" />,
+  BOTTOM_NAV_HEIGHT: 70,
   NavKey: {},
 }));
 
@@ -57,6 +62,10 @@ vi.mock('../UserMenuSheet', () => ({
   UserMenuSheet: () => <div data-testid="user-menu-sheet" />,
 }));
 
+vi.mock('../EventSwitcherSheet', () => ({
+  EventSwitcherSheet: () => <div data-testid="event-switcher-sheet" />,
+}));
+
 const baseEvent: TenantEvent = {
   id: 1,
   name: 'Test Event',