fix: resolve typescript and build errors across admin and guest apps

resources/js/admin/mobile/EventLiveShowQueuePage.tsx

@@ -6,7 +6,7 @@ import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { MobileShell, HeaderActionButton } from './components/MobileShell';
 import { MobileCard, CTAButton, PillBadge, SkeletonCard } from './components/Primitives';
-import { MobileSelect } from './components/FormControls';
+import { MobileSelect, MobileField } from './components/FormControls';
 import { useEventContext } from '../context/EventContext';
 import {
   approveAndLiveShowPhoto,
@@ -216,17 +216,18 @@ export default function MobileEventLiveShowQueuePage() {
       </MobileCard>
 
       <MobileCard>
-        <MobileSelect
-          label={t('liveShowQueue.filterLabel', 'Live status')}
-          value={statusFilter}
-          onChange={(event) => setStatusFilter(event.target.value as LiveShowQueueStatus)}
-        >
-          {STATUS_OPTIONS.map((option) => (
-            <option key={option.value} value={option.value}>
-              {t(option.labelKey, option.fallback)}
-            </option>
-          ))}
-        </MobileSelect>
+        <MobileField label={t('liveShowQueue.filterLabel', 'Live status')}>
+          <MobileSelect
+            value={statusFilter}
+            onChange={(event) => setStatusFilter(event.target.value as LiveShowQueueStatus)}
+          >
+            {STATUS_OPTIONS.map((option) => (
+              <option key={option.value} value={option.value}>
+                {t(option.labelKey, option.fallback)}
+              </option>
+            ))}
+          </MobileSelect>
+        </MobileField>
       </MobileCard>
 
       {error ? (