refactor: externalize AppPage component and streamline all tool pages

app/(app)/media/page.tsx

@@ -1,17 +1,13 @@
 import { FileConverter } from '@/components/media/FileConverter';
+import { AppPage } from '@/components/layout/AppPage';
 
 export default function MediaPage() {
   return (
-    <div className="min-h-screen py-12">
-      <div className="max-w-7xl mx-auto px-8 space-y-8">
-        <div>
-          <h1 className="text-4xl font-bold mb-2">Media Converter</h1>
-          <p className="text-muted-foreground">
-            Professional browser-based media conversion for video, audio, and images
-          </p>
-        </div>
-        <FileConverter />
-      </div>
-    </div>
+    <AppPage
+      title="Media Converter"
+      description="Professional browser-based media conversion for video, audio, and images"
+    >
+      <FileConverter />
+    </AppPage>
   );
 }