Performance optimization, applicant portal, and missing DB migration

Performance:
- Convert admin dashboard from SSR to client-side tRPC (fixes 503/ChunkLoadError)
- New dashboard.getStats tRPC endpoint batches 16 queries into single response
- Parallelize jury dashboard queries (assignments + gracePeriods via Promise.all)
- Add project.getFullDetail combined endpoint (project + assignments + stats)
- Configure Prisma connection pool (connection_limit=20, pool_timeout=10)
- Add optimizePackageImports for lucide-react tree-shaking
- Increase React Query staleTime from 1min to 5min

Applicant portal:
- Add applicant layout, nav, dashboard, documents, team, and mentor pages
- Add applicant router with document and team management endpoints
- Add chunk error recovery utility
- Update role nav and auth redirect for applicant role

Database:
- Add migration for missing schema elements (SpecialAward job tracking
  columns, WizardTemplate table, missing indexes)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/layouts/admin-sidebar.tsx

@@ -41,6 +41,7 @@ import { EditionSelector } from '@/components/shared/edition-selector'
 import { useEdition } from '@/contexts/edition-context'
 import { UserAvatar } from '@/components/shared/user-avatar'
 import { NotificationBell } from '@/components/shared/notification-bell'
+import { useSession } from 'next-auth/react'
 import { trpc } from '@/lib/trpc/client'
 
 interface AdminSidebarProps {
@@ -145,7 +146,11 @@ const roleLabels: Record<string, string> = {
 export function AdminSidebar({ user }: AdminSidebarProps) {
   const pathname = usePathname()
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
-  const { data: avatarUrl } = trpc.avatar.getUrl.useQuery()
+  const { status: sessionStatus } = useSession()
+  const isAuthenticated = sessionStatus === 'authenticated'
+  const { data: avatarUrl } = trpc.avatar.getUrl.useQuery(undefined, {
+    enabled: isAuthenticated,
+  })
   const { currentEdition } = useEdition()
 
   const isSuperAdmin = user.role === 'SUPER_ADMIN'

src/components/layouts/applicant-nav.tsx

@@ -0,0 +1,42 @@
+'use client'
+
+import { Home, Users, FileText, MessageSquare } from 'lucide-react'
+import { RoleNav, type NavItem, type RoleNavUser } from '@/components/layouts/role-nav'
+
+const navigation: NavItem[] = [
+  {
+    name: 'Dashboard',
+    href: '/applicant',
+    icon: Home,
+  },
+  {
+    name: 'Team',
+    href: '/applicant/team',
+    icon: Users,
+  },
+  {
+    name: 'Documents',
+    href: '/applicant/documents',
+    icon: FileText,
+  },
+  {
+    name: 'Mentor',
+    href: '/applicant/mentor',
+    icon: MessageSquare,
+  },
+]
+
+interface ApplicantNavProps {
+  user: RoleNavUser
+}
+
+export function ApplicantNav({ user }: ApplicantNavProps) {
+  return (
+    <RoleNav
+      navigation={navigation}
+      roleName="Applicant"
+      user={user}
+      basePath="/applicant"
+    />
+  )
+}

src/components/layouts/role-nav.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from 'react'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { signOut } from 'next-auth/react'
+import { signOut, useSession } from 'next-auth/react'
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
 import { UserAvatar } from '@/components/shared/user-avatar'
@@ -50,7 +50,11 @@ function isNavItemActive(pathname: string, href: string, basePath: string): bool
 export function RoleNav({ navigation, roleName, user, basePath, statusBadge }: RoleNavProps) {
   const pathname = usePathname()
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
-  const { data: avatarUrl } = trpc.avatar.getUrl.useQuery()
+  const { status: sessionStatus } = useSession()
+  const isAuthenticated = sessionStatus === 'authenticated'
+  const { data: avatarUrl } = trpc.avatar.getUrl.useQuery(undefined, {
+    enabled: isAuthenticated,
+  })
   const { theme, setTheme } = useTheme()
   const [mounted, setMounted] = useState(false)
   useEffect(() => setMounted(true), [])

src/components/shared/notification-bell.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import Link from 'next/link'
 import type { Route } from 'next'
 import { usePathname } from 'next/navigation'
+import { useSession } from 'next-auth/react'
 import { trpc } from '@/lib/trpc/client'
 import { cn, formatRelativeTime } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
@@ -212,6 +213,8 @@ function NotificationItem({
 export function NotificationBell() {
   const [open, setOpen] = useState(false)
   const pathname = usePathname()
+  const { status: sessionStatus } = useSession()
+  const isAuthenticated = sessionStatus === 'authenticated'
 
   // Derive the role-based path prefix from the current route
   const pathPrefix = pathname.startsWith('/admin')
@@ -222,16 +225,20 @@ export function NotificationBell() {
         ? '/mentor'
         : pathname.startsWith('/observer')
           ? '/observer'
-          : ''
+          : pathname.startsWith('/applicant')
+            ? '/applicant'
+            : ''
 
   const { data: countData } = trpc.notification.getUnreadCount.useQuery(
     undefined,
     {
+      enabled: isAuthenticated,
       refetchInterval: 30000, // Refetch every 30 seconds
     }
   )
 
   const { data: hasUrgent } = trpc.notification.hasUrgent.useQuery(undefined, {
+    enabled: isAuthenticated,
     refetchInterval: 30000,
   })
 
@@ -241,7 +248,7 @@ export function NotificationBell() {
       limit: 20,
     },
     {
-      enabled: open, // Only fetch when popover is open
+      enabled: open && isAuthenticated, // Only fetch when popover is open and authenticated
     }
   )