Refine admin PWA layout and tamagui usage

resources/js/admin/mobile/BrandingPage.tsx

@@ -122,6 +122,10 @@ export default function MobileBrandingPage() {
       setLoading(true);
       try {
         const data = await getEvent(slug);
+        if (!data) {
+          setLoading(false);
+          return;
+        }
         setEvent(data);
         setForm(extractBrandingForm(data.settings ?? {}, BRANDING_FORM_DEFAULTS));
         setWatermarkForm(extractWatermark(data));
@@ -153,7 +157,7 @@ export default function MobileBrandingPage() {
     let active = true;
     getTenantSettings()
       .then((payload) => {
-        if (!active) return;
+        if (!active || !payload) return;
         setTenantBranding(extractBrandingForm(payload.settings ?? {}, BRANDING_FORM_DEFAULTS));
       })
       .catch(() => undefined)
@@ -170,7 +174,7 @@ export default function MobileBrandingPage() {
 
   const previewForm = form.useDefaultBranding && tenantBranding ? tenantBranding : form;
   const previewTitle = event ? renderName(event.name) : t('events.placeholders.untitled', 'Unbenanntes Event');
-  const previewHeadingFont = previewForm.headingFont || 'Fraunces';
+  const previewHeadingFont = previewForm.headingFont || 'Archivo Black';
   const previewBodyFont = previewForm.bodyFont || 'Manrope';
   const previewSurfaceText = getContrastingTextColor(previewForm.surface, '#ffffff', '#0f172a');
   const previewScale = FONT_SIZE_SCALE[previewForm.fontSize] ?? 1;