Refactor: reorganize components into domain subfolders

shared/    → StatusBadge
layout/    → Navbar
championships/ → ChampionshipCard
registrations/ → RegistrationCard, RegistrationTimeline
admin/     → UserCard

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

web/src/app/(app)/admin/page.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import { useUsers, useUserActions } from "@/hooks/useUsers";
 import { useAuth } from "@/hooks/useAuth";
-import { UserCard } from "@/components/UserCard";
+import { UserCard } from "@/components/admin/UserCard";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 

web/src/app/(app)/championships/[id]/page.tsx

@@ -5,8 +5,8 @@ import { useChampionship } from "@/hooks/useChampionships";
 import { useMyRegistrations } from "@/hooks/useRegistrations";
 import { useRegisterForChampionship } from "@/hooks/useRegistrations";
 import { useAuth } from "@/hooks/useAuth";
-import { RegistrationTimeline } from "@/components/RegistrationTimeline";
+import { RegistrationTimeline } from "@/components/registrations/RegistrationTimeline";
-import { StatusBadge } from "@/components/StatusBadge";
+import { StatusBadge } from "@/components/shared/StatusBadge";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 

web/src/app/(app)/championships/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useChampionships } from "@/hooks/useChampionships";
-import { ChampionshipCard } from "@/components/ChampionshipCard";
+import { ChampionshipCard } from "@/components/championships/ChampionshipCard";
 
 export default function ChampionshipsPage() {
   const { data, isLoading, error } = useChampionships();

web/src/app/(app)/layout.tsx

@@ -1,4 +1,4 @@
-import { Navbar } from "@/components/Navbar";
+import { Navbar } from "@/components/layout/Navbar";
 
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (

web/src/app/(app)/registrations/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMyRegistrations } from "@/hooks/useRegistrations";
-import { RegistrationCard } from "@/components/RegistrationCard";
+import { RegistrationCard } from "@/components/registrations/RegistrationCard";
 
 export default function RegistrationsPage() {
   const { data, isLoading, error } = useMyRegistrations();

web/src/components/championships/ChampionshipCard.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { Championship } from "@/types/championship";
-import { StatusBadge } from "@/components/StatusBadge";
+import { StatusBadge } from "@/components/shared/StatusBadge";
 import { Card, CardContent } from "@/components/ui/card";
 
 interface Props {

web/src/components/registrations/RegistrationCard.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { Registration } from "@/types/registration";
-import { StatusBadge } from "@/components/StatusBadge";
+import { StatusBadge } from "@/components/shared/StatusBadge";
 import { Card, CardContent } from "@/components/ui/card";
 
 const STEPS = ["submitted", "form_submitted", "payment_pending", "payment_confirmed", "video_submitted", "accepted"];