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"
           />

app/error.tsx

@@ -12,7 +12,7 @@ import {
 } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import Qiqi from "#/assets/qiqi.webp";
+import Dottore from "#/assets/dottore.webp";
 import Background from "#/bg.jpg";
 import Image from "@/components/image";
 import { SimpleTooltip } from "@/components/tooltip";
@@ -43,22 +43,11 @@ export default function ErrorPage({
     console.error(error);
 
     const messages = [
-      "หลุดเรทอีกแล้ว...",
-      "stamina หมด จมน้ำตาย...",
-      "โดน Hilichurl(s) ดับ...",
-      "Paimon กินหน้านี้ไปแล้ว...",
-      "ไม่เหลือเพชรให้สุ่มแล้ว...",
-      "ไม่ติดคริอีกแล้ว...",
-      "ลงแต่ Def อีกแล้ว...",
-      "เกลือแฟลกอีกแล้ว...",
-      "น้ำแช่แข็งหน้านี้ไปแล้ว...",
-      "กดผิด เผลอลบหน้านี้ทิ้ง...",
-      "Zhongli ไม่อนุญาตให้ผ่าน...",
-      "ได้ไม่ครบ 36 ดาวอีกแล้ว...",
-      "Venti ไม่อนุญาตให้ผ่าน...",
-      "Aether เดินสะดุดสายเซิพ...",
-      "กด E แทน Q อีกแล้ว...",
-      "บุสทำลายหน้านี้ไปแล้ว...",
+      "หมอวิจัยหน้านี้จนพังแล้ว...",
+      "หมอไม่ชอบหน้านี้...",
+      "หมอเตรียมพื้นที่ตรงนี้สำหรับการทดลอง...",
+      "หมอกำลังศึกษาหน้านี้อยู่...",
+      "หมอจะทดลองกับหน้านี้...",
     ];
     setMessage(messages[Math.floor(Math.random() * messages.length)]);
 
@@ -78,8 +67,8 @@ export default function ErrorPage({
         <div className="h-full flex flex-col gap-2 justify-center items-center">
           <div className="p-4 pb-12 bg-white shadow-lg rounded-sm rotate-1 max-sm:landscape:hidden">
             <Image
-              src={Qiqi}
-              alt="Qiqi"
+              src={Dottore}
+              alt="Dottore"
               className="bg-gray-300 w-full vintage-filter"
             />
           </div>

app/not-found.tsx

@@ -3,7 +3,7 @@
 import { Activity, Home } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import Lost from "#/assets/lost_traveler.webp";
+import Dottore from "#/assets/dottore.webp";
 import Background from "#/bg.jpg";
 import Image from "@/components/image";
 import { Button } from "@/components/ui/button";
@@ -16,22 +16,11 @@ export default function ErrorPage() {
 
   useEffect(() => {
     const messages = [
-      "หลุดเรทอีกแล้ว...",
-      "stamina หมด จมน้ำตาย...",
-      "โดน Hilichurl(s) ดับ...",
-      "Paimon กินหน้านี้ไปแล้ว...",
-      "ไม่เหลือเพชรให้สุ่มแล้ว...",
-      "ไม่ติดคริอีกแล้ว...",
-      "ลงแต่ Def อีกแล้ว...",
-      "เกลือแฟลกอีกแล้ว...",
-      "น้ำแช่แข็งหน้านี้ไปแล้ว...",
-      "กดผิด เผลอลบหน้านี้ทิ้ง...",
-      "Zhongli ไม่อนุญาตให้ผ่าน...",
-      "ได้ไม่ครบ 36 ดาวอีกแล้ว...",
-      "Venti ไม่อนุญาตให้ผ่าน...",
-      "Aether เดินสะดุดสายเซิพ...",
-      "กด E แทน Q อีกแล้ว...",
-      "บุสทำลายหน้านี้ไปแล้ว...",
+      "ตรงนี้ไม่มีที่หลบหมอนะ...",
+      "ระวังหมอมาเจอตรงนี้นะ...",
+      "ไม่มีที่ตรงนี้นะ ลองถามหมอด้านบนดูสิ...",
+      "หมอกำลังมองหาหน้านี้อยู่...",
+      "หน้านี้อาจโดนหมอทำลายไปแล้วนะ...",
     ];
 
     setMessage(messages[Math.floor(Math.random() * messages.length)]);
@@ -47,8 +36,8 @@ export default function ErrorPage() {
       <div className="h-full w-full bg-[#2225] backdrop-grayscale backdrop-blur-md flex flex-col gap-2 justify-center items-center">
         <div className="p-4 pb-12 bg-white shadow-lg rounded-sm rotate-1 max-sm:landscape:hidden">
           <Image
-            src={Lost}
-            alt="Lost Traveler"
+            src={Dottore}
+            alt="Dottore"
             className="bg-gray-300 w-64 h-64 vintage-filter"
             width={256}
             height={256}