fix(auth): preserve invitation loading and branding boundaries

Author: waleedlatif1

apps/sim/app/invite/[id]/loading.tsx

@@ -1,14 +1,17 @@
 import { AuthStack, AuthSkeleton as Skeleton } from '@sim/auth-ui'
+import { InviteLayout } from '@/app/invite/components'
 
 export default function InviteLoading() {
   return (
-    <AuthStack>
-      <div className='au:space-y-1'>
-        <Skeleton shape='title' className='au:w-[200px]' />
-        <Skeleton shape='label' className='au:w-[280px]' />
-        <Skeleton shape='label' className='au:w-[240px]' />
-      </div>
-      <Skeleton />
-    </AuthStack>
+    <InviteLayout>
+      <AuthStack>
+        <div className='au:space-y-1'>
+          <Skeleton shape='title' className='au:w-[200px]' />
+          <Skeleton shape='label' className='au:w-[280px]' />
+          <Skeleton shape='label' className='au:w-[240px]' />
+        </div>
+        <Skeleton />
+      </AuthStack>
+    </InviteLayout>
   )
 }

apps/sim/lib/navigation/auth-surfaces.ts

@@ -9,6 +9,7 @@ const AUTH_SURFACE_ROOTS = [
   '/oauth',
   '/oauth-error',
   '/invite',
+  '/enterprise/claim',
   '/unsubscribe',
   '/desktop/auth',
   '/desktop/done',