Refactor: Update Tenant PWA headers and tabs to use Playfair Display and Tamagui components

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

@@ -143,7 +143,7 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
   const EventContextPill = () => {
     if (!effectiveActive || isEventsIndex || isCompactHeader) {
        return (
-         <Text fontSize="$md" fontWeight="800" fontFamily="$display" color="white">
+         <Text fontSize="$md" fontWeight="700" fontFamily="$display" color="white">
             {pageTitle}
          </Text>
        );
@@ -153,7 +153,14 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
 
     if (!canSwitchEvents) {
        return (
-         <Text fontSize="$sm" fontWeight="800" color="white" numberOfLines={1} ellipsizeMode="tail">
+         <Text 
+            fontSize="$lg" 
+            fontWeight="700" 
+            fontFamily="$display" 
+            color="white" 
+            numberOfLines={1} 
+            ellipsizeMode="tail"
+         >
             {displayName}
          </Text>
        );