chore: fmt

app/(ui)/admin/tl/ver/page.tsx

@@ -30,15 +30,10 @@ export default async function TierlistManagerPage() {
       </Button>
       {vers.map((t) => (
         <div className="flex flex-col gap-1 group/type" key={t.id}>
-          <div className="font-semibold text-4xl flex flex-wrap items-center gap-2 w-fit">
-            <div className="px-2 py-1 border rounded-md bg-[#2228] flex-auto flex flex-wrap items-baseline gap-x-2">
-              <span className="text-nowrap">{t.name}</span>
-              <span className="flex items-center gap-1">
-                <Kbd>{t.id}</Kbd>
-                <span className="text-xs text-muted-foreground">
-                  {t.mode}
-                </span>
-              </span>
+          <div className="font-semibold text-4xl flex items-center gap-2 w-fit text-nowrap">
+            <div className="px-2 py-1 border w-min rounded-md bg-[#2228] flex-auto">
+              {t.name} <Kbd>{t.id}</Kbd>
+              <Kbd className="text-sm text-muted-foreground ml-2">{t.mode}</Kbd>
             </div>
             <div className="md:opacity-0 group-hover/type:opacity-100 transition-opacity flex gap-1">
               <SimpleTooltip text="Create version">

app/(ui)/artifact/client.tsx

@@ -358,4 +358,4 @@ export function WarningDialog() {
   shared.signal("beforeSubmit", () => {
     _manual;
   });
-}
+}

app/(ui)/tl/[type]/[ver]/character.tsx

@@ -147,7 +147,10 @@ export function Draggable({
                     "top-0.5 right-0.5",
                     "top-0.5 left-0.5",
                   ].map((p, i) => {
-                    const items = [...assignedBadges, ...(comment ? ["__comment__"] : [])];
+                    const items = [
+                      ...assignedBadges,
+                      ...(comment ? ["__comment__"] : []),
+                    ];
                     if (!items[i]) return "";
                     if (items[i] === "__comment__") {
                       return (
@@ -156,13 +159,16 @@ export function Draggable({
                           style={{ width: badgeSize, height: badgeSize }}
                           className={`bg-[#2228] ${p} absolute rounded border flex items-center justify-center`}
                         >
-                          <MessageSquareText style={{ width: badgeSize * 0.7, height: badgeSize * 0.7 }} />
+                          <MessageSquareText
+                            style={{
+                              width: badgeSize * 0.7,
+                              height: badgeSize * 0.7,
+                            }}
+                          />
                         </div>
                       );
                     }
-                    const badge = badges.find(
-                      (e) => e.id === items[i],
-                    );
+                    const badge = badges.find((e) => e.id === items[i]);
                     if (!badge) return "";
                     return badge.image ? (
                       <Image

app/(ui)/tl/[type]/[ver]/tierlist.tsx

@@ -432,17 +432,16 @@ export function TierList({
                 <span className="text-green-400">{version.deprecates}</span>
                 {deleteMode && (
                   <span className="text-red-500 font-semibold ml-2">
-                    <TriangleAlert className="inline"/> {" "}
-                    (คุณอยู่ในโหมดลบตัวละคร)
+                    <TriangleAlert className="inline" /> (คุณอยู่ในโหมดลบตัวละคร)
                   </span>
                 )}
                 <span className="font-normal absolute right-0">
-                 {user && !editable && (
-                  <SimpleTooltip text="ไปหน้าแก้ไข (Admin)">
-                    <Link href={`/tl/${type.id}/${version.id}/admin`}>
-                      <Pencil className="text-gray-400 size-4" />
-                    </Link>
-                  </SimpleTooltip>
+                  {user && !editable && (
+                    <SimpleTooltip text="ไปหน้าแก้ไข (Admin)">
+                      <Link href={`/tl/${type.id}/${version.id}/admin`}>
+                        <Pencil className="text-gray-400 size-4" />
+                      </Link>
+                    </SimpleTooltip>
                   )}
                 </span>
               </div>
@@ -460,7 +459,7 @@ export function TierList({
                           หน้าหลัก
                         </DropdownMenuItem>
                       </Link>
-                     {user && !editable && (
+                      {user && !editable && (
                         <DropdownMenuItem asChild>
                           <Link href={`/tl/${type.id}/${version.id}/admin`}>
                             <Pencil className="size-4" />

app/(ui)/tl/[type]/page.tsx

@@ -34,8 +34,11 @@ export default async function TierlistSelectionPage({
     <div className="max-w-7xl min-h-full flex flex-col gap-6 mx-auto py-8 px-4">
       {vers.map((t) => (
         <div className="flex flex-col gap-1" key={t.id}>
-          <Link href="/tl" className="flex hover:underline cursor-default text-muted-foreground">
-            <ArrowLeft/> กลับไปหน้าแรก
+          <Link
+            href="/tl"
+            className="flex hover:underline cursor-default text-muted-foreground"
+          >
+            <ArrowLeft /> กลับไปหน้าแรก
           </Link>
           <div className="font-bold text-4xl">
             <div className="px-2 py-1 border w-fit rounded-md bg-[#2228]">