blockers

apps/website/app/leagues/[id]/layout.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import React, { useState, useEffect } from 'react';
-import { useParams, usePathname, useRouter } from 'next/navigation';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
 import LeagueHeader from '@/components/leagues/LeagueHeader';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
 import type { League } from '@core/racing/domain/entities/League';
+import { useParams, usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
 
 // Main sponsor info for "by XYZ" display
 interface MainSponsorInfo {

apps/website/app/leagues/[id]/page.tsx

@@ -1,33 +1,32 @@
 'use client';
 
-import { useState, useEffect, useMemo } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import Button from '@/components/ui/Button';
-import Card from '@/components/ui/Card';
+import DriverIdentity from '@/components/drivers/DriverIdentity';
+import EndRaceModal from '@/components/leagues/EndRaceModal';
 import JoinLeagueButton from '@/components/leagues/JoinLeagueButton';
 import LeagueActivityFeed from '@/components/leagues/LeagueActivityFeed';
-import EndRaceModal from '@/components/leagues/EndRaceModal';
-import DriverIdentity from '@/components/drivers/DriverIdentity';
-import DriverSummaryPill from '@/components/profile/DriverSummaryPill';
 import SponsorInsightsCard, {
-  useSponsorMode,
   MetricBuilders,
   SlotTemplates,
+  useSponsorMode,
   type SponsorMetric,
 } from '@/components/sponsors/SponsorInsightsCard';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
+import { getLeagueMembers, getMembership } from '@/lib/leagueMembership';
+import { getLeagueRoleDisplay } from '@/lib/leagueRoles';
+import { LeagueScoringConfigPresenter } from '@/lib/presenters/LeagueScoringConfigPresenter';
 import {
-  League,
   Driver,
   EntityMappers,
+  League,
+  Race,
   type DriverDTO,
   type LeagueScoringConfigDTO,
-  Race,
 } from '@core/racing';
-import { LeagueScoringConfigPresenter } from '@/lib/presenters/LeagueScoringConfigPresenter';
-import { Trophy, Star, ExternalLink, Calendar, Users } from 'lucide-react';
-import { getMembership, getLeagueMembers } from '@/lib/leagueMembership';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
-import { getLeagueRoleDisplay } from '@/lib/leagueRoles';
+import { Calendar, ExternalLink, Star, Trophy, Users } from 'lucide-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
 
 // Sponsor info type
 interface SponsorInfo {

apps/website/app/leagues/[id]/schedule/page.tsx

@@ -1,13 +1,11 @@
 'use client';
 
-import { useParams } from 'next/navigation';
-import Card from '@/components/ui/Card';
 import LeagueSchedule from '@/components/leagues/LeagueSchedule';
-import ScheduleRaceForm from '@/components/leagues/ScheduleRaceForm';
-import { useState, useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 export default function LeagueSchedulePage() {
   const params = useParams();

apps/website/app/leagues/[id]/settings/page.tsx

@@ -1,23 +1,21 @@
 'use client';
 
-import { useState, useEffect, useMemo } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import Card from '@/components/ui/Card';
+import { ReadonlyLeagueInfo } from '@/components/leagues/ReadonlyLeagueInfo';
+import DriverSummaryPill from '@/components/profile/DriverSummaryPill';
 import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
+import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
 import { LeagueFullConfigPresenter } from '@/lib/presenters/LeagueFullConfigPresenter';
 import { LeagueScoringPresetsPresenter } from '@/lib/presenters/LeagueScoringPresetsPresenter';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
-import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import { ScoringPatternSection, ChampionshipsSection } from '@/components/leagues/LeagueScoringSection';
-import { LeagueDropSection } from '@/components/leagues/LeagueDropSection';
-import { ReadonlyLeagueInfo } from '@/components/leagues/ReadonlyLeagueInfo';
 import type { LeagueConfigFormModel } from '@core/racing/application';
-import type { League } from '@core/racing/domain/entities/League';
 import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
-import type { LeagueScoringPresetDTO } from '@core/racing/application/ports/LeagueScoringPresetProvider';
 import { EntityMappers } from '@core/racing/application/mappers/EntityMappers';
-import DriverSummaryPill from '@/components/profile/DriverSummaryPill';
-import { AlertTriangle, Settings, Trophy, Calendar, TrendingDown, Edit, Users, UserCog } from 'lucide-react';
+import type { LeagueScoringPresetDTO } from '@core/racing/application/ports/LeagueScoringPresetProvider';
+import type { League } from '@core/racing/domain/entities/League';
+import { AlertTriangle, Settings, UserCog } from 'lucide-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
 
 export default function LeagueSettingsPage() {
   const params = useParams();

apps/website/app/leagues/[id]/sponsorships/page.tsx

@@ -1,14 +1,13 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { useParams } from 'next/navigation';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
 import { LeagueSponsorshipsSection } from '@/components/leagues/LeagueSponsorshipsSection';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import { AlertTriangle, Building, DollarSign } from 'lucide-react';
 import type { League } from '@core/racing/domain/entities/League';
+import { AlertTriangle, Building } from 'lucide-react';
+import { useParams } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 export default function LeagueSponsorshipsPage() {
   const params = useParams();

apps/website/app/leagues/[id]/standings/page.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
-import { useParams } from 'next/navigation';
-import Card from '@/components/ui/Card';
 import StandingsTable from '@/components/leagues/StandingsTable';
-import { getLeagueStandings } from '@/lib/services/leagues/LeagueService';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
+import type { DriverDto, LeagueMembership } from '@/lib/dtos';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
+import { getLeagueStandings } from '@/lib/services/leagues/LeagueService';
 import type { LeagueStandingsViewModel } from '@/lib/view-models';
 import type { StandingEntryViewModel } from '@/lib/view-models/StandingEntryViewModel';
-import type { DriverDto } from '@/lib/dtos';
-import type { LeagueMembership } from '@/lib/dtos';
+import { useParams } from 'next/navigation';
+import { useCallback, useEffect, useState } from 'react';
 
 export default function LeagueStandingsPage() {
   const params = useParams();

apps/website/app/leagues/[id]/stewarding/page.tsx

@@ -1,24 +1,32 @@
 'use client';
 
-import { useState, useEffect, useMemo } from 'react';
-import { useParams } from 'next/navigation';
-import Link from 'next/link';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
-import { ReviewProtestModal } from '@/components/leagues/ReviewProtestModal';
-import QuickPenaltyModal from '@/components/leagues/QuickPenaltyModal';
 import PenaltyFAB from '@/components/leagues/PenaltyFAB';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import QuickPenaltyModal from '@/components/leagues/QuickPenaltyModal';
+import { ReviewProtestModal } from '@/components/leagues/ReviewProtestModal';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import type { Protest } from '@core/racing/domain/entities/Protest';
-import type { Race } from '@core/racing/domain/entities/Race';
-import type { Penalty, PenaltyType } from '@core/racing/domain/entities/Penalty';
 import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
 import { EntityMappers } from '@core/racing/application/mappers/EntityMappers';
+import type { Penalty, PenaltyType } from '@core/racing/domain/entities/Penalty';
+import type { Protest } from '@core/racing/domain/entities/Protest';
+import type { Race } from '@core/racing/domain/entities/Race';
 import {
-  AlertTriangle, Clock, CheckCircle, Flag, ChevronRight,
-  Calendar, MapPin, AlertCircle, Video, Gavel
+  AlertCircle,
+  AlertTriangle,
+  Calendar,
+  CheckCircle,
+  ChevronRight,
+  Clock,
+  Flag,
+  Gavel,
+  MapPin,
+  Video
 } from 'lucide-react';
+import Link from 'next/link';
+import { useParams } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
 
 interface RaceWithProtests {
   race: Race;

apps/website/app/leagues/[id]/stewarding/protests/[protestId]/page.tsx

@@ -1,42 +1,39 @@
 'use client';
 
-import { useState, useEffect, useMemo } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import Link from 'next/link';
-import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
+import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
+import { EntityMappers } from '@core/racing/application/mappers/EntityMappers';
+import type { PenaltyType } from '@core/racing/domain/entities/Penalty';
 import type { Protest } from '@core/racing/domain/entities/Protest';
 import type { Race } from '@core/racing/domain/entities/Race';
-import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
-import type { PenaltyType } from '@core/racing/domain/entities/Penalty';
-import { EntityMappers } from '@core/racing/application/mappers/EntityMappers';
 import {
   AlertCircle,
-  Video,
-  Clock,
-  Grid3x3,
-  TrendingDown,
-  XCircle,
-  CheckCircle,
-  ArrowLeft,
-  Flag,
   AlertTriangle,
-  ShieldAlert,
-  Ban,
-  DollarSign,
-  FileWarning,
-  User,
+  ArrowLeft,
   Calendar,
+  CheckCircle,
+  ChevronDown,
+  Clock,
+  ExternalLink,
+  Flag,
+  Gavel,
+  Grid3x3,
   MapPin,
   MessageCircle,
-  Shield,
-  Gavel,
   Send,
-  ChevronDown,
-  ExternalLink
+  Shield,
+  ShieldAlert,
+  TrendingDown,
+  User,
+  Video,
+  XCircle
 } from 'lucide-react';
+import Link from 'next/link';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
 
 // Timeline event types
 interface TimelineEvent {

apps/website/app/profile/leagues/page.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { useEffect, useState } from 'react';
-import Link from 'next/link';
-import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import type { League } from '@core/racing/domain/entities/League';
 import type { LeagueMembership } from '@core/racing/domain/entities/LeagueMembership';
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
 
 interface LeagueWithRole {
   league: League;

apps/website/app/profile/page.tsx

@@ -1,57 +1,52 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import CreateDriverForm from '@/components/drivers/CreateDriverForm';
+import ProfileRaceHistory from '@/components/drivers/ProfileRaceHistory';
+import ProfileSettings from '@/components/drivers/ProfileSettings';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import Heading from '@/components/ui/Heading';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
+import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
+import type {
+  ProfileOverviewAchievementViewModel,
+  ProfileOverviewSocialHandleViewModel,
+  ProfileOverviewViewModel
+} from '@core/racing/application/presenters/IProfileOverviewPresenter';
+import {
+  Activity,
+  Award,
+  BarChart3,
+  Calendar,
+  ChevronRight,
+  Clock,
+  Crown,
+  Edit3,
+  ExternalLink,
+  Flag,
+  Globe,
+  History,
+  Medal,
+  MessageCircle,
+  Percent,
+  Settings,
+  Shield,
+  Star,
+  Target,
+  TrendingUp,
+  Trophy,
+  Twitch,
+  Twitter,
+  User,
+  UserPlus,
+  Users,
+  Youtube,
+  Zap,
+} from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter, useSearchParams } from 'next/navigation';
-import {
-  User,
-  Trophy,
-  Star,
-  Calendar,
-  Users,
-  Flag,
-  Award,
-  TrendingUp,
-  Settings,
-  UserPlus,
-  ExternalLink,
-  Target,
-  Zap,
-  Clock,
-  Medal,
-  Crown,
-  ChevronRight,
-  Edit3,
-  Globe,
-  Twitter,
-  Youtube,
-  Twitch,
-  MessageCircle,
-  BarChart3,
-  History,
-  Shield,
-  Percent,
-  Activity,
-} from 'lucide-react';
-import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
-import type {
-  ProfileOverviewViewModel,
-  ProfileOverviewDriverSummaryViewModel,
-  ProfileOverviewStatsViewModel,
-  ProfileOverviewTeamMembershipViewModel,
-  ProfileOverviewSocialSummaryViewModel,
-  ProfileOverviewExtendedProfileViewModel,
-  ProfileOverviewAchievementViewModel,
-  ProfileOverviewSocialHandleViewModel,
-} from '@core/racing/application/presenters/IProfileOverviewPresenter';
-import CreateDriverForm from '@/components/drivers/CreateDriverForm';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
-import Heading from '@/components/ui/Heading';
-import ProfileRaceHistory from '@/components/drivers/ProfileRaceHistory';
-import ProfileSettings from '@/components/drivers/ProfileSettings';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import { useEffect, useState } from 'react';
 
 // ============================================================================
 // TYPES

apps/website/app/profile/sponsorship-requests/page.tsx

@@ -1,16 +1,16 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
-import { useRouter } from 'next/navigation';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
 import PendingSponsorshipRequests, { type PendingRequestDTO } from '@/components/sponsors/PendingSponsorshipRequests';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect, useState } from 'react';
 
-import { PendingSponsorshipRequestsPresenter } from '@/lib/presenters/PendingSponsorshipRequestsPresenter';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import { Handshake, User, Users, Trophy, ChevronRight, Building, AlertTriangle } from 'lucide-react';
+import { PendingSponsorshipRequestsPresenter } from '@/lib/presenters/PendingSponsorshipRequestsPresenter';
+import { AlertTriangle, Building, ChevronRight, Handshake, Trophy, User, Users } from 'lucide-react';
 import Link from 'next/link';
 
 interface EntitySection {

apps/website/app/races/[id]/page.tsx

@@ -1,42 +1,41 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import Link from 'next/link';
+import Breadcrumbs from '@/components/layout/Breadcrumbs';
+import EndRaceModal from '@/components/leagues/EndRaceModal';
+import FileProtestModal from '@/components/races/FileProtestModal';
+import SponsorInsightsCard, { MetricBuilders, SlotTemplates, useSponsorMode } from '@/components/sponsors/SponsorInsightsCard';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import Heading from '@/components/ui/Heading';
-import Breadcrumbs from '@/components/layout/Breadcrumbs';
-import FileProtestModal from '@/components/races/FileProtestModal';
-import EndRaceModal from '@/components/leagues/EndRaceModal';
-import SponsorInsightsCard, { useSponsorMode, MetricBuilders, SlotTemplates } from '@/components/sponsors/SponsorInsightsCard';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { apiClient } from '@/lib/apiClient';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
 import { getMembership, isOwnerOrAdmin } from '@/lib/leagueMembership';
 import type {
-  RaceDetailViewModel,
   RaceDetailEntryViewModel,
   RaceDetailUserResultViewModel,
+  RaceDetailViewModel,
 } from '@core/racing/application/presenters/IRaceDetailPresenter';
 import {
-  Calendar,
-  Clock,
-  Car,
-  Trophy,
-  Users,
-  Zap,
-  PlayCircle,
-  CheckCircle2,
-  XCircle,
-  Flag,
-  UserPlus,
-  UserMinus,
   AlertTriangle,
-  ArrowRight,
   ArrowLeft,
+  ArrowRight,
+  Calendar,
+  Car,
+  CheckCircle2,
+  Clock,
+  Flag,
+  PlayCircle,
   Scale,
+  Trophy,
+  UserMinus,
+  UserPlus,
+  Users,
+  XCircle,
+  Zap,
 } from 'lucide-react';
-import { RaceDetailPresenter } from '@/lib/presenters/RaceDetailPresenter';
+import Link from 'next/link';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 export default function RaceDetailPage() {
   const router = useRouter();

apps/website/app/races/[id]/results/page.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import { ArrowLeft, Zap, Trophy, Users, Clock, Calendar } from 'lucide-react';
+import Breadcrumbs from '@/components/layout/Breadcrumbs';
+import QuickPenaltyModal from '@/components/leagues/QuickPenaltyModal';
+import ImportResultsForm from '@/components/races/ImportResultsForm';
+import ResultsTable from '@/components/races/ResultsTable';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
-import Breadcrumbs from '@/components/layout/Breadcrumbs';
-import ResultsTable from '@/components/races/ResultsTable';
-import ImportResultsForm from '@/components/races/ImportResultsForm';
-import QuickPenaltyModal from '@/components/leagues/QuickPenaltyModal';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { raceResultsService } from '@/lib/services/races/RaceResultsService';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
-import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
 import type { RaceResultsDetailViewModel } from '@/lib/view-models';
+import { ArrowLeft, Calendar, Trophy, Users, Zap } from 'lucide-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 export default function RaceResultsPage() {
   const router = useRouter();

apps/website/app/races/[id]/stewarding/page.tsx

@@ -1,31 +1,25 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import Link from 'next/link';
-import {
-  AlertTriangle,
-  Clock,
-  CheckCircle,
-  Flag,
-  Calendar,
-  MapPin,
-  AlertCircle,
-  Video,
-  Gavel,
-  ArrowLeft,
-  Scale,
-  ChevronRight,
-  Users,
-  Trophy,
-} from 'lucide-react';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
+import type { RacePenaltiesViewModel, RaceProtestsViewModel } from '@/lib/apiClient';
 import { apiClient } from '@/lib/apiClient';
-import { useEffectiveDriverId } from '@/lib/currentDriver';
-import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import type { RaceProtestsViewModel, RacePenaltiesViewModel } from '@/lib/apiClient';
+import {
+  AlertCircle,
+  AlertTriangle,
+  ArrowLeft,
+  CheckCircle,
+  Clock,
+  Flag,
+  Gavel,
+  Scale,
+  Video
+} from 'lucide-react';
+import Link from 'next/link';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 export default function RaceStewardingPage() {
   const params = useParams();

apps/website/app/teams/[id]/page.tsx

@@ -1,24 +1,22 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
-import { useParams } from 'next/navigation';
-import Image from 'next/image';
-import Link from 'next/link';
-import Card from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
-import SponsorInsightsCard, { useSponsorMode, MetricBuilders, SlotTemplates } from '@/components/sponsors/SponsorInsightsCard';
+import SponsorInsightsCard, { MetricBuilders, SlotTemplates, useSponsorMode } from '@/components/sponsors/SponsorInsightsCard';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import Image from 'next/image';
+import { useParams } from 'next/navigation';
+import { useCallback, useEffect, useState } from 'react';
 
-import { TeamMembersPresenter } from '@/lib/presenters/TeamMembersPresenter';
-import { TeamDetailsPresenter } from '@/lib/presenters/TeamDetailsPresenter';
-import type { TeamDetailsViewModel } from '@core/racing/application/presenters/ITeamDetailsPresenter';
+import JoinTeamButton from '@/components/teams/JoinTeamButton';
+import TeamAdmin from '@/components/teams/TeamAdmin';
 import TeamRoster from '@/components/teams/TeamRoster';
 import TeamStandings from '@/components/teams/TeamStandings';
-import TeamAdmin from '@/components/teams/TeamAdmin';
-import JoinTeamButton from '@/components/teams/JoinTeamButton';
+import { TeamDetailsPresenter } from '@/lib/presenters/TeamDetailsPresenter';
+import { TeamMembersPresenter } from '@/lib/presenters/TeamMembersPresenter';
+import type { TeamDetailsViewModel } from '@core/racing/application/presenters/ITeamDetailsPresenter';
 
-import { useEffectiveDriverId } from '@/lib/currentDriver';
-import { Users, Trophy, TrendingUp, Star, Zap } from 'lucide-react';
+import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 
 type TeamRole = 'owner' | 'manager' | 'driver';