chore: localize donate interface to Thai and wrap donate logo in a home link

app/(ui)/donate/admin/client.tsx

@@ -29,10 +29,10 @@ import { Button } from "@/components/ui/button";
 import Link from "next/link";
 
 const columns: ColumnDef<typeof donations.$inferSelect>[] = [
-  { accessorKey: "name", header: "Name", meta: { className: "w-50 truncate" } },
+  { accessorKey: "name", header: "ชื่อ", meta: { className: "w-50 truncate" } },
   {
     accessorFn: (row) => `${row.amount}฿`,
-    header: "Amount",
+    header: "จำนวน",
     meta: { className: "w-24" },
   },
   {
@@ -60,7 +60,7 @@ const columns: ColumnDef<typeof donations.$inferSelect>[] = [
         </div>
       );
     },
-    header: "Message",
+    header: "ข้อความ",
     meta: { className: "w-full" },
   },
   {
@@ -105,7 +105,7 @@ const columns: ColumnDef<typeof donations.$inferSelect>[] = [
     cell(row) {
       return (
         <div className="flex gap-1">
-          <SimpleTooltip text="Re-send Popup">
+          <SimpleTooltip text="แสดง Popup อีกครั้ง">
             <ActionButton
               variant="outline"
               size="icon-sm"
@@ -120,7 +120,7 @@ const columns: ColumnDef<typeof donations.$inferSelect>[] = [
             </ActionButton>
           </SimpleTooltip>
           {row.row.original.uid ? (
-            <SimpleTooltip text="Copy Artifact UID">
+            <SimpleTooltip text="ก็อบ UID">
               <ActionButton
                 size="icon-sm"
                 action={() =>
@@ -134,7 +134,7 @@ const columns: ColumnDef<typeof donations.$inferSelect>[] = [
             <div className="size-8" />
           )}
           {row.row.original.image && (
-            <SimpleTooltip text="Open Image">
+            <SimpleTooltip text="เปิดภาพ">
               <ActionButton
                 size="icon-sm"
                 variant="outline"
@@ -178,7 +178,7 @@ export function DonateAdminPage({
     <div className="mx-auto flex w-full max-w-[max(1280px,90%)] flex-col">
       <span className="flex items-center gap-1 pt-1 pb-2 text-3xl font-semibold">
         <BitcoinIcon size={32} />
-        Donate List
+        โดเนททั้งหมด
       </span>
       <DataTable
         columns={columns}

app/(ui)/donate/page.tsx

@@ -36,6 +36,7 @@ import { DownloadButton } from "../rubgram/client";
 import { getPostHogClient } from "@/lib/posthog-server";
 import { sql } from "drizzle-orm";
 import DonateLogo from "#/logos/donate.webp";
+import Link from 'next/link';
 
 const { TMN_DEST_PHONE_NUM, SASTIFY_API_PRIVKEY } = process.env as Record<
   string,
@@ -263,11 +264,13 @@ export default async function () {
       <div className="w-full max-w-md rounded-md border bg-card p-5">
         {/* oxlint-disable-next-line tailwindcss/enforce-canonical */}
         <div className="relative aspect-[304.5/30] w-full">
-          <Image
+          <Link href="/">
-            src={DonateLogo}
+            <Image
-            alt="Donate Logo"
+              src={DonateLogo}
-            className="absolute left-1/2 w-3/4 -translate-x-1/2 -translate-y-2/3"
+              alt="Donate Logo"
-          />
+              className="absolute left-1/2 w-3/4 -translate-x-1/2 -translate-y-2/3"
+            />
+          </Link>
         </div>
         <FormProvider id="tip" inDialog={false} onSubmit={submit}>
           <div className="flex flex-col items-center gap-2 sm:flex-row sm:items-end">

app/(ui)/navbar.tsx

@@ -44,7 +44,7 @@ export function Navbar() {
       />
       <Item icon={<Table size={16} />} name="จัดเทียร์ลิสต์" href="/tl" />
       <Item icon={<StickyNote size={16} />} name="ไกด์ตัวละคร" href="/guide" />
-      <Item icon={<Bitcoin size={16} />} name="โดเนทขึ้นจอ" href="/donate" last />
+      <Item icon={<Bitcoin size={16} />} name="โดเนท" href="/donate" last />
     </div>
   );
 }