Translate admin panel to all 6 languages

src/app/admin/articles/[id]/page.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { getTranslations } from "next-intl/server";
 import { Newspaper } from "lucide-react";
 import { notFound } from "next/navigation";
 import { deleteArticle, updateArticle } from "@/actions/admin-articles";
@@ -16,6 +17,7 @@ export default async function EditArticle({
 }) {
   const { id } = await params;
   const { error } = await searchParams;
+  const t = await getTranslations("pages.admin.articles");
   const article = await prisma.websiteArticles.findUnique({
     where: { id: BigInt(id) },
     select: { id: true, slug: true, title: true, shortStory: true, fullStory: true, image: true },
@@ -29,8 +31,8 @@ export default async function EditArticle({
           <Newspaper size={20} className="text-[var(--color-primary)]" />
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Edit article</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← Articles</Link></p>
+          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("form.title")}</h1>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← {t("title")}</Link></p>
         </div>
       </div>
       {error ? (
@@ -53,7 +55,7 @@ export default async function EditArticle({
       />
       <form action={deleteArticle} style={{ marginTop: "1rem" }}>
         <input type="hidden" name="id" value={String(article.id)} />
-        <button type="submit" className="btn btn-primary">Delete article</button>
+        <button type="submit" className="btn btn-primary">{t("form.deleteArticle")}</button>
       </form>
     </main>
   );