website refactor

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { MediaPageClient } from '../MediaPageClient';
+
+export default async function TracksMediaPage() {
+  const assets = [
+    { id: 'tr1', src: '/media/tracks/track-1/image', title: 'Track Image 1', category: 'tracks', dimensions: '1920x1080' },
+    { id: 'tr2', src: '/media/tracks/track-2/image', title: 'Track Image 2', category: 'tracks', dimensions: '1920x1080' },
+  ];
+
+  const categories = [
+    { label: 'Tracks', value: 'tracks' },
+  ];
+
+  return (
+    <MediaPageClient 
+      initialAssets={assets} 
+      categories={categories} 
+    />
+  );
+}