feat: add media converter app and fix compilation errors

components/ToolsGrid.tsx

@@ -50,6 +50,19 @@ const tools = [
       </svg>
     ),
   },
+  {
+    title: 'Media',
+    description: 'Modern browser-based file converter powered by WebAssembly. Convert videos, images, and audio locally without server uploads. Privacy-first with no file size limits.',
+    url: '/media',
+    gradient: 'gradient-green-teal',
+    accentColor: '#10b981',
+    badges: ['Open Source', 'Converter', 'Free'],
+    icon: (
+      <svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
+      </svg>
+    ),
+  },
 ];
 
 export default function ToolsGrid() {
@@ -73,7 +86,7 @@ export default function ToolsGrid() {
         </motion.div>
 
         {/* Tools grid */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
           {tools.map((tool, index) => (
             <ToolCard
               key={tool.title}