upgrade to tamagui v2 and guest pwa overhaul

resources/js/admin/mobile/welcome/WelcomeSummaryPage.tsx

@@ -94,9 +94,9 @@ export default function WelcomeSummaryPage() {
           <CTAButton label={t('summary.footer.back', 'Back to package selection')} onPress={() => navigate(ADMIN_WELCOME_PACKAGES_PATH)} />
         </MobileCard>
       ) : (
-        <MobileCard space="$3">
+        <MobileCard gap="$3">
           <XStack alignItems="center" justifyContent="space-between">
-            <XStack alignItems="center" space="$2">
+            <XStack alignItems="center" gap="$2">
               <XStack
                 width={36}
                 height={36}
@@ -123,7 +123,7 @@ export default function WelcomeSummaryPage() {
             </PillBadge>
           </XStack>
 
-          <YStack space="$2">
+          <YStack gap="$2">
             <SummaryRow
               label={t('summary.details.section.photosTitle', 'Photos & gallery')}
               value={t('summary.details.section.photosValue', {
@@ -148,7 +148,7 @@ export default function WelcomeSummaryPage() {
           </YStack>
 
           {resolvedPackage.active ? (
-            <XStack alignItems="center" space="$2">
+            <XStack alignItems="center" gap="$2">
               <CheckCircle2 size={18} color={ADMIN_COLORS.success} />
               <Text fontSize="$sm" color={ADMIN_COLORS.success} fontWeight="700">
                 {t('summary.details.section.statusActive', 'Already purchased')}
@@ -158,11 +158,11 @@ export default function WelcomeSummaryPage() {
         </MobileCard>
       )}
 
-      <MobileCard space="$2">
+      <MobileCard gap="$2">
         <Text fontSize="$sm" fontWeight="800">
           {t('summary.nextStepsTitle', 'Next steps')}
         </Text>
-        <YStack space="$1">
+        <YStack gap="$1">
           {(t('summary.nextSteps', {
             returnObjects: true,
             defaultValue: [
@@ -171,7 +171,7 @@ export default function WelcomeSummaryPage() {
               'Check your event slots before go-live and share your guest link.',
             ],
           }) as string[]).map((item) => (
-            <XStack key={item} space="$2">
+            <XStack key={item} gap="$2">
               <Text fontSize="$xs" color={ADMIN_COLORS.textMuted}>
                 •
               </Text>
@@ -183,7 +183,7 @@ export default function WelcomeSummaryPage() {
         </YStack>
       </MobileCard>
 
-      <XStack space="$2">
+      <XStack gap="$2">
         <CTAButton
           label={t('summary.cta.billing.button', 'Go to billing')}
           tone="ghost"