Add notification bell system and MOPC onboarding form

Notification System:
- Add InAppNotification and NotificationEmailSetting database models
- Create notification service with 60+ notification types for all user roles
- Add notification router with CRUD endpoints
- Build NotificationBell UI component with dropdown and unread count
- Integrate bell into admin, jury, mentor, and observer navs
- Add notification email settings admin UI in Settings > Notifications
- Add notification triggers to filtering router (complete/failed)
- Add sendNotificationEmail function to email library
- Add formatRelativeTime utility function

MOPC Onboarding Form:
- Create /apply landing page with auto-redirect for single form
- Create seed script for MOPC 2026 application form (6 steps)
- Create seed script for default notification email settings

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

src/components/layouts/admin-sidebar.tsx

@@ -38,6 +38,7 @@ import { getInitials } from '@/lib/utils'
 import { Logo } from '@/components/shared/logo'
 import { EditionSelector } from '@/components/shared/edition-selector'
 import { UserAvatar } from '@/components/shared/user-avatar'
+import { NotificationBell } from '@/components/shared/notification-bell'
 import { trpc } from '@/lib/trpc/client'
 
 interface AdminSidebarProps {
@@ -137,18 +138,21 @@ export function AdminSidebar({ user }: AdminSidebarProps) {
       {/* Mobile menu button */}
       <div className="fixed top-0 left-0 right-0 z-40 flex h-16 items-center justify-between border-b bg-card px-4 lg:hidden">
         <Logo showText textSuffix="Admin" />
-        <Button
-          variant="ghost"
-          size="icon"
-          aria-label={isMobileMenuOpen ? 'Close menu' : 'Open menu'}
-          onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
-        >
-          {isMobileMenuOpen ? (
-            <X className="h-5 w-5" />
-          ) : (
-            <Menu className="h-5 w-5" />
-          )}
-        </Button>
+        <div className="flex items-center gap-2">
+          <NotificationBell />
+          <Button
+            variant="ghost"
+            size="icon"
+            aria-label={isMobileMenuOpen ? 'Close menu' : 'Open menu'}
+            onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
+          >
+            {isMobileMenuOpen ? (
+              <X className="h-5 w-5" />
+            ) : (
+              <Menu className="h-5 w-5" />
+            )}
+          </Button>
+        </div>
       </div>
 
       {/* Mobile menu overlay */}
@@ -241,6 +245,10 @@ export function AdminSidebar({ user }: AdminSidebarProps) {
 
         {/* User Profile Section */}
         <div className="border-t p-3">
+          {/* Notification Bell - Desktop */}
+          <div className="hidden lg:flex justify-end mb-2">
+            <NotificationBell />
+          </div>
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <button className="group flex w-full items-center gap-3 rounded-xl p-2.5 text-left transition-all duration-200 hover:bg-slate-100 dark:hover:bg-slate-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">

src/components/layouts/jury-nav.tsx

@@ -18,6 +18,7 @@ import {
 import type { Route } from 'next'
 import { BookOpen, ClipboardList, Home, LogOut, Menu, Settings, User, X } from 'lucide-react'
 import { Logo } from '@/components/shared/logo'
+import { NotificationBell } from '@/components/shared/notification-bell'
 
 interface JuryNavProps {
   user: {
@@ -84,6 +85,7 @@ export function JuryNav({ user }: JuryNavProps) {
 
             {/* User menu & mobile toggle */}
             <div className="flex items-center gap-2">
+              <NotificationBell />
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
                   <Button

src/components/layouts/mentor-nav.tsx

@@ -18,6 +18,7 @@ import {
 } from '@/components/ui/dropdown-menu'
 import { BookOpen, Home, LogOut, Menu, Settings, User, Users, X } from 'lucide-react'
 import { Logo } from '@/components/shared/logo'
+import { NotificationBell } from '@/components/shared/notification-bell'
 
 interface MentorNavProps {
   user: {
@@ -84,6 +85,7 @@ export function MentorNav({ user }: MentorNavProps) {
 
             {/* User menu & mobile toggle */}
             <div className="flex items-center gap-2">
+              <NotificationBell />
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
                   <Button

src/components/layouts/observer-nav.tsx

@@ -18,6 +18,7 @@ import {
 import type { Route } from 'next'
 import { Home, BarChart3, Menu, X, LogOut, Eye, Settings } from 'lucide-react'
 import { Logo } from '@/components/shared/logo'
+import { NotificationBell } from '@/components/shared/notification-bell'
 
 interface ObserverNavProps {
   user: {
@@ -76,6 +77,7 @@ export function ObserverNav({ user }: ObserverNavProps) {
 
         {/* User Menu */}
         <div className="flex items-center gap-2">
+          <NotificationBell />
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="ghost" className="gap-2">