refactor: update UI text, metadata, and styles across donation and artifact admin pages

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

@@ -77,7 +77,7 @@ export function SidebarLink({
           <HoverCardTrigger
             onClick={() => {
               navigator.clipboard.writeText(submission.uid);
-              toast("คัดลอก UID แล้ว");
+              toast.success("คัดลอก UID แล้ว");
             }}
           >
             {children}
@@ -89,7 +89,7 @@ export function SidebarLink({
             <div className="font-semibold">{submission.name}</div>
             <div className="line-clamp-3">{submission.comment}</div>
             <div className="mt-1 text-xs text-muted-foreground">
-              คิวลัด - UID {submission.uid} (คลิ๊กเพื่อคัดลอก)
+              ลัดคิว - UID {submission.uid} (คลิ๊กเพื่อคัดลอก)
             </div>
           </HoverCardContent>
         </HoverCard>
@@ -102,7 +102,7 @@ export function SidebarLink({
         className={cn(
           className,
           id === submission.id && "bg-accent text-accent-foreground",
-          submission.queue === null && "border border-yellow-400",
+          submission.queue === null && "border-2 border-yellow-400",
         )}
         prefetch
         onClick={(ev) => {

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

@@ -4,6 +4,7 @@ import { donations } from "@/lib/db/schema";
 import { desc, getTableColumns, sql } from "drizzle-orm";
 import { adminCheck } from "@/lib/auth";
 import { redirect } from "next/navigation";
+import { Metadata } from "next";
 
 export default async function () {
   if (!(await adminCheck()))
@@ -20,4 +21,9 @@ export default async function () {
   return <DonateAdminPage data={data} />;
 }
 
+export const metadata: Metadata = {
+  title: "โดเนททั้งหมด",
+  description: "ดูโดเนททั้งหมด",
+};
+
 export const dynamic = "force-dynamic";

app/(ui)/donate/page.tsx

@@ -41,7 +41,7 @@ const { TMN_DEST_PHONE_NUM, SASTIFY_API_PRIVKEY } = process.env as Record<
 >;
 
 export const metadata: Metadata = {
-  title: "โดเนทขึ้นจอ",
+  title: "โดเนท",
 };
 
 type SastifyApiResponse =
@@ -276,7 +276,7 @@ export default async function () {
               </FormInput>
             </div>
           </div>
-          <FormInput name="message" label="ข้อความ" subLabel="max. 500 ตัวอักษร">
+          <FormInput name="message" label="ข้อความ" subLabel="สูงสุด 500 ตัวอักษร">
             <Textarea placeholder="ข้อความ" />
           </FormInput>
           {!artifactConfig.locked && (
@@ -361,12 +361,12 @@ export default async function () {
                 loading={
                   <>
                     <Spinner />
-                    Creating...
+                    กำลังโดเนท
                   </>
                 }
               >
                 <SendIcon />
-                ส่งเลยจัฟลูกพี่
+                โดเนท
               </FormAction>
             </Button>
           </div>

app/(ui)/donate/top/table.tsx

@@ -36,7 +36,7 @@ export function TopDonateTable({ data }: { data: TopDonateRow[] }) {
       home="/donate"
       columns={columns}
       data={data}
-      emptyDescription="No donations yet."
+      emptyDescription="ยังไม่มีโดเนท"
       className="h-full max-h-[calc(100svh-264px)] w-full overflow-y-auto backdrop-blur-md"
     />
   );