feat(i18n) : add personal languages and compact weapon exports

components/admin/admin-header.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { useTranslation } from "@/components/i18n/locale-provider";
+import { LanguageDropdown } from "@/components/i18n/language-dropdown";
 import Image from "next/image";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
@@ -17,6 +19,7 @@ import { Button } from "@/components/ui/button";
 import { authClient } from "@/lib/auth/client";
 
 export function AdminHeader() {
+  const { t } = useTranslation();
   const pathname = usePathname();
   const router = useRouter();
 
@@ -28,9 +31,10 @@ export function AdminHeader() {
           className="mr-auto flex min-h-11 items-center gap-3 rounded-lg font-heading font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
           <Image src="/icon.png" alt="" width={36} height={36} className="size-9 object-contain" />
-          <span className="hidden sm:inline">ไกด์เกนชินไม่ใช่เกมมือถือ</span>
+          <span className="hidden sm:inline">{t("ไกด์เกนชินไม่ใช่เกมมือถือ")}</span>
         </Link>
-        <nav aria-label="Admin navigation" className="flex items-center gap-1">
+        <LanguageDropdown />
+        <nav aria-label={t("Admin navigation")} className="flex items-center gap-1">
           <Button
             variant={pathname === "/admin/glossary" ? "secondary" : "ghost"}
             size="sm"
@@ -38,7 +42,7 @@ export function AdminHeader() {
             render={<Link href="/admin/glossary" />}
           >
             <BookOpenIcon data-icon="inline-start" />
-            <span className="hidden sm:inline">Glossary</span>
+            <span className="hidden sm:inline">{t("Glossary")}</span>
           </Button>
           <Button
             variant={pathname === "/admin/register" ? "secondary" : "ghost"}
@@ -47,7 +51,7 @@ export function AdminHeader() {
             render={<Link href="/admin/register" />}
           >
             <UserPlusIcon data-icon="inline-start" />
-            <span className="hidden sm:inline">Accounts</span>
+            <span className="hidden sm:inline">{t("Accounts")}</span>
           </Button>
           <Button
             variant={pathname === "/admin" ? "secondary" : "ghost"}
@@ -56,7 +60,7 @@ export function AdminHeader() {
             render={<Link href="/admin" />}
           >
             <LayoutDashboardIcon data-icon="inline-start" />
-            <span className="hidden sm:inline">Dashboard</span>
+            <span className="hidden sm:inline">{t("Dashboard")}</span>
           </Button>
           <Button
             variant={pathname === "/admin/create" ? "secondary" : "ghost"}
@@ -65,7 +69,7 @@ export function AdminHeader() {
             render={<Link href="/admin/create" />}
           >
             <PlusIcon data-icon="inline-start" />
-            <span className="hidden sm:inline">New Guide</span>
+            <span className="hidden sm:inline">{t("New Guide")}</span>
           </Button>
           <Button
             variant={
@@ -76,21 +80,21 @@ export function AdminHeader() {
             render={<Link href="/admin/generate/image" />}
           >
             <ImageIcon data-icon="inline-start" />
-            <span className="hidden sm:inline">Image Generator</span>
+            <span className="hidden sm:inline">{t("Image Generator")}</span>
           </Button>
           <Button
             variant="ghost"
             size="icon-sm"
             nativeButton={false}
             render={<Link href="/" target="_blank" />}
-            aria-label="เปิดหน้าเว็บไซต์"
+            aria-label={t("เปิดหน้าเว็บไซต์")}
           >
             <ExternalLinkIcon />
           </Button>
           <Button
             variant="ghost"
             size="icon-sm"
-            aria-label="ออกจากระบบ"
+            aria-label={t("ออกจากระบบ")}
             onClick={() =>
               authClient.signOut({
                 fetchOptions: {