website refactor

apps/website/templates/MediaTemplate.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+import { MediaGallery } from '@/components/media/MediaGallery';
+import { Container } from '@/ui/Container';
+import { Box } from '@/ui/Box';
+import { MediaViewData } from '@/lib/view-data/MediaViewData';
+
+export function MediaTemplate(viewData: MediaViewData) {
+  const { assets, categories, title, description } = viewData;
+  
+  return (
+    <Container py={8}>
+      <Box display="flex" flexDirection="col" gap={8}>
+        <MediaGallery
+          assets={assets}
+          categories={categories}
+          title={title}
+          description={description}
+        />
+      </Box>
+    </Container>
+  );
+}