Translate admin panel to all 6 languages

src/app/admin/media/page.tsx

@@ -1,8 +1,11 @@
 import Link from "next/link";
+import { getTranslations } from "next-intl/server";
 import { Image } from "lucide-react";
 import { AdminMediaGrid } from "@/components/admin/media-grid";
 
-export default function AdminMediaPage() {
+export default async function AdminMediaPage() {
+  const t = await getTranslations("pages.admin.media");
+
   return (
     <main>
       <div className="flex items-center gap-3 mb-6">
@@ -10,10 +13,10 @@ export default function AdminMediaPage() {
           <Image size={20} className="text-[var(--color-primary)]" />
         </div>
         <div className="flex-1">
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Media Library</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Upload and manage images for articles and other content.</p>
+          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
         </div>
-        <Link href="/admin/articles" className="text-sm text-gray-500 dark:text-gray-400" style={{ fontSize: "0.88rem" }}>← Articles</Link>
+        <Link href="/admin/articles" className="text-sm text-gray-500 dark:text-gray-400" style={{ fontSize: "0.88rem" }}>← {t("articles")}</Link>
       </div>
       <AdminMediaGrid />
     </main>