website refactor

apps/website/templates/TeamDetailTemplate.tsx

@@ -5,17 +5,15 @@ import SponsorInsightsCard, { MetricBuilders, SlotTemplates, useSponsorMode } fr
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import Image from 'next/image';
-import { useMemo } from 'react';
 
 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 StatItem from '@/components/teams/StatItem';
-import type { TeamDetailsViewModel } from '@/lib/view-models/TeamDetailsViewModel';
-import type { TeamMemberViewModel } from '@/lib/view-models/TeamMemberViewModel';
 import { getMediaUrl } from '@/lib/utilities/media';
 import PlaceholderImage from '@/components/ui/PlaceholderImage';
+import type { TeamDetailViewData, TeamDetailData, TeamMemberData } from './TeamDetailViewData';
 
 type Tab = 'overview' | 'roster' | 'standings' | 'admin';
 
@@ -25,8 +23,8 @@ type Tab = 'overview' | 'roster' | 'standings' | 'admin';
 
 export interface TeamDetailTemplateProps {
   // Data props
-  team: TeamDetailsViewModel | null;
-  memberships: TeamMemberViewModel[];
+  team: TeamDetailData | null;
+  memberships: TeamMemberData[];
   activeTab: Tab;
   loading: boolean;
   isAdmin: boolean;
@@ -264,4 +262,4 @@ export default function TeamDetailTemplate({
       </div>
     </div>
   );
-}
+}