style: text change in tierlist, new not-found and error

app/(ui)/rubgram/rules.tsx

@@ -26,7 +26,7 @@ export function RulesDialog({
         </DialogHeader>
         <p>
           {" "}
-          1. เมื่อจ่ายเงิน แล้วจะ<u className="text-red-500">ไม่สามารถขอคืนเงิน</u>
+          1. เมื่อจ่ายเงินแล้วจะ<u className="text-red-500">ไม่สามารถขอคืนเงิน</u>
           ได้ทุกกรณีนะคับ
           <br />
           2. เมื่อถึงคิวแล้วจะมีการเรียกตัวผ่าน Discord ผ่านช่อง ยมบาลตามตัว

app/(ui)/tl/opengraph-image.ts

@@ -10,7 +10,7 @@ export const contentType = "image/png";
 
 // Image generation
 export default async function Image() {
-  return generate({ title: "จัดเทียร์ลิสต์", sub: "" });
+  return generate({ title: "เทียร์ลิสต์", sub: "" });
 }
 
 export const dynamic = "force-dynamic";

app/(ui)/tl/page.tsx

@@ -26,13 +26,13 @@ export default async function TierlistSelectionPage() {
   }));
   return (
     <div className="max-w-full min-h-full flex flex-col justify-center gap-2 mx-2">
-      <center className="text-6xl font-bold mb-2">
+      <center className="mb-2">
         <Link href="/">
           <Image
             src={TierlistLogo}
             alt="Tierlist"
-            className="w-3/4 sm:w-96"
-            width={500}
+            className="w-1/2 sm:w-96"
+            width={200}
             height={100}
             fetchPriority="high"
           />