Initial attendee management

apps/web/src/router.tsx

@@ -11,6 +11,8 @@ import { LoginPage } from './routes/auth/login'
 import { SignupPage } from './routes/auth/signup'
 import { VerifyEmailPage } from './routes/auth/verify-email'
 import { OnboardingView } from './routes/onboarding'
+import { GroupDetailView } from './routes/group-detail'
+import { JoinGroupView } from './routes/join-group'
 
 const rootRoute = createRootRoute({
   component: () => <Outlet />,
@@ -40,6 +42,12 @@ const onboardingRoute = createRoute({
   component: OnboardingView,
 })
 
+const joinGroupRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/join/$token',
+  component: JoinGroupView,
+})
+
 // Capa con la navegación de la app autenticada (Sidebar + BottomNav).
 // El guard redirige a /onboarding a quien no completó el onboarding.
 const appLayoutRoute = createRoute({
@@ -60,6 +68,12 @@ const groupsRoute = createRoute({
   component: GroupsView,
 })
 
+const groupDetailRoute = createRoute({
+  getParentRoute: () => appLayoutRoute,
+  path: '/groups/$groupId',
+  component: GroupDetailView,
+})
+
 const paymentsRoute = createRoute({
   getParentRoute: () => appLayoutRoute,
   path: '/payments',
@@ -95,9 +109,11 @@ const routeTree = rootRoute.addChildren([
   signupRoute,
   verifyEmailRoute,
   onboardingRoute,
+  joinGroupRoute,
   appLayoutRoute.addChildren([
     indexRoute,
     groupsRoute,
+    groupDetailRoute,
     paymentsRoute,
     settingsRoute,
     securityRoute,