website refactor

apps/website/app/media/MediaPageClient.tsx

@@ -1,24 +0,0 @@
-'use client';
-
-import React from 'react';
-import { MediaTemplate } from '@/templates/MediaTemplate';
-import { MediaAsset } from '@/components/media/MediaGallery';
-
-export interface MediaPageClientProps {
-  initialAssets: MediaAsset[];
-  categories: { label: string; value: string }[];
-}
-
-export function MediaPageClient({
-  initialAssets,
-  categories,
-}: MediaPageClientProps) {
-  return (
-    <MediaTemplate
-      assets={initialAssets}
-      categories={categories}
-      title="Media Library"
-      description="Manage and view all racing assets, telemetry captures, and brand identities."
-    />
-  );
-}

apps/website/app/media/avatar/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from '../MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function AvatarsPage() {
   const assets = [

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from '../MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function LeaguesMediaPage() {
   const assets = [

apps/website/app/media/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from './MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function MediaPage() {
   // In a real app, we would fetch this data from an API or database

apps/website/app/media/sponsors/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from '../MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function SponsorsMediaPage() {
   const assets = [

apps/website/app/media/teams/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from '../MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function TeamsMediaPage() {
   const assets = [

apps/website/app/media/tracks/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaPageClient } from '../MediaPageClient';
+import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
 
 export default async function TracksMediaPage() {
   const assets = [