feat: add media converter app and fix compilation errors

components/layout/AppSidebar.tsx

@@ -55,6 +55,13 @@ const FigletIcon = (props: any) => (
   </svg>
 );
 
+
+const MediaIcon = (props: any) => (
+  <svg {...props} 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>
+);
+
 const navigation: NavGroup[] = [
   {
     label: 'Toolkit',
@@ -84,6 +91,11 @@ const navigation: NavGroup[] = [
           { title: 'Batch Operations', href: '/pastel/batch' },
         ]
       },
+      { 
+        title: 'Media Converter', 
+        href: '/media', 
+        icon: <MediaIcon className="h-4 w-4" /> 
+      },
     ]
   }
 ];