feat: integrate donate page into navbar and home

Add donate link to navbar (replacing old /tip) and enable the
donate card on the home page (disabled, for prod testing).

app/(ui)/navbar.tsx

@@ -19,7 +19,7 @@ export function Navbar() {
   const mobile = useIsMobile();
 
   if (
-    !/^\/(?:tl(?:\/[a-zA-Z0-9]+)?|rubgram|artifact|guide|tip)$/gm.test(pathname)
+    !/^\/(?:tl(?:\/[a-zA-Z0-9]+)?|rubgram|artifact|guide|donate)$/gm.test(pathname)
   )
     return "";
   return (
@@ -42,7 +42,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="/tip" last />
+      <Item icon={<Bitcoin size={16} />} name="โดเนทขึ้นจอ" href="/donate" last />
     </div>
   );
 }

app/(ui)/page.tsx

@@ -6,6 +6,7 @@ import ArtifactLogo from "#/logos/artifact.webp";
 import GuideLogo from "#/logos/guide.webp";
 import RubgramLogo from "#/logos/rubgram.webp";
 import TierlistLogo from "#/logos/tierlist.webp";
+import DonateLogo from "#/logos/donate.svg";
 import Image from "@/components/image";
 import { SimpleTooltip } from "@/components/tooltip";
 import { cn } from "@/lib/utils";
@@ -59,12 +60,13 @@ export default function Home() {
             href="/guide"
             logo={GuideLogo}
           />
-          {/* <HomeLink
+          <HomeLink
             name="Donate"
             desc="โดเนทขึ้นไลฟ์สตรีม"
-            href="/tip"
-            logo={GuideLogo}
-          /> */}
+            href="/donate"
+            disabled
+            logo={DonateLogo}
+          />
         </div>
         <footer className="text-muted-foreground h-full flex flex-col justify-end pb-3 md:justify-center">
           <div className="flex justify-between flex-col text-center gap-2 sm:flex-row sm:text-left">
@@ -139,18 +141,24 @@ function HomeLink({
   logo,
   desc,
   className,
+  disabled,
 }: {
   href: string;
   name: string;
   desc: ReactNode;
   logo: string | StaticImport;
   className?: string;
+  disabled?: boolean;
 }) {
   return (
     <SimpleTooltip text={desc}>
       <Link
         href={href}
-        className={cn("flex flex-col p-10 text-center", className)}
+        className={cn(
+          "flex flex-col p-10 text-center",
+          disabled && "pointer-events-none brightness-50",
+          className,
+        )}
       >
         <Image
           src={logo}

public/logos/donate.svg

@@ -0,0 +1 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128"><defs><image  width="128" height="128" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAAAXNSR0IB2cksfwAAAANQTFRF////p8QbyAAAAB9JREFUeJxjZEADjKMCowKjAqMCowKjAqMCowK0FQAALN4AgTEKlwoAAAAASUVORK5CYII="/></defs><style>.a{fill:#120312}.b{fill:#5d5b5d}</style><use  href="#img1" x="0" y="0"/><path class="a" d="m7.4 39.1v10.2h-3.2v-26.5h3.2v2.9q1-1.7 2.5-2.5 1.5-0.9 3.6-0.9 3.5 0 5.7 2.8 2.2 2.8 2.2 7.3 0 4.5-2.2 7.3-2.2 2.8-5.7 2.8-2.1 0-3.6-0.8-1.5-0.9-2.5-2.6zm10.7-6.7q0-3.5-1.4-5.4-1.5-2-4-2-2.5 0-3.9 2-1.4 1.9-1.4 5.4 0 3.5 1.4 5.5 1.4 2 3.9 2 2.5 0 4-2 1.4-2 1.4-5.5zm8.2 9.6v-26.7h3.2v26.7zm8.6-16.7v-2.5h15v2.9l-11.9 13.8h11.9v2.5h-15.4v-2.9l11.8-13.8zm-18 42.4v-10.4h3.2v26.7h-3.2v-2.9q-1 1.7-2.5 2.6-1.5 0.8-3.6 0.8-3.5 0-5.7-2.8-2.2-2.8-2.2-7.3 0-4.5 2.2-7.3 2.2-2.8 5.7-2.8 2.1 0 3.6 0.9 1.5 0.8 2.5 2.5zm-10.7 6.7q0 3.5 1.4 5.5 1.4 2 3.9 2 2.6 0 4-2 1.4-2 1.4-5.5 0-3.5-1.4-5.4-1.4-2-4-2-2.5 0-3.9 2-1.4 1.9-1.4 5.4zm27.5-7.4q-2.5 0-4 2-1.4 2-1.4 5.4 0 3.5 1.4 5.5 1.5 1.9 4 1.9 2.6 0 4-2 1.5-2 1.5-5.4 0-3.4-1.5-5.4-1.4-2-4-2zm0-2.7q4.1 0 6.5 2.7 2.3 2.7 2.3 7.4 0 4.7-2.3 7.4-2.4 2.7-6.5 2.7-4.1 0-6.4-2.7-2.4-2.7-2.4-7.4 0-4.7 2.4-7.4 2.3-2.7 6.4-2.7zm30.6 8.1v11.6h-3.2v-11.5q0-2.7-1.1-4.1-1-1.3-3.1-1.3-2.6 0-4.1 1.6-1.5 1.6-1.5 4.4v10.9h-3.1v-19.2h3.1v3q1.2-1.7 2.7-2.6 1.5-0.9 3.6-0.9 3.3 0 5 2.1 1.7 2 1.7 6zm17.9 1.9h-3.2q-3.8 0-5.3 0.9-1.4 0.9-1.4 3 0 1.7 1 2.7 1.2 1 3.1 1 2.6 0 4.2-1.9 1.6-1.9 1.6-4.9zm3.1-1.4v11h-3.1v-2.9q-1.1 1.7-2.7 2.6-1.6 0.8-4 0.8-2.9 0-4.7-1.6-1.7-1.7-1.7-4.5 0-3.2 2.2-4.9 2.1-1.6 6.4-1.6h4.5v-0.3q0-2.2-1.5-3.4-1.4-1.2-4-1.2-1.6 0-3.2 0.4-1.6 0.4-3 1.2v-2.9q1.7-0.7 3.4-1 1.6-0.4 3.1-0.4 4.2 0 6.3 2.2 2 2.2 2 6.5zm6.9-13.6h3.2v5.4h6.5v2.5h-6.5v10.4q0 2.3 0.7 3 0.6 0.7 2.6 0.7h3.2v2.6h-3.2q-3.7 0-5.1-1.4-1.4-1.3-1.4-4.9v-10.4h-2.3v-2.5h2.3zm29.5 14.3v1.5h-14.5q0.2 3.3 2 5 1.7 1.7 4.9 1.7 1.8 0 3.5-0.5 1.7-0.4 3.4-1.3v3q-1.7 0.7-3.5 1.1-1.8 0.4-3.6 0.4-4.6 0-7.3-2.7-2.7-2.7-2.7-7.3 0-4.7 2.6-7.4 2.5-2.8 6.8-2.8 3.9 0 6.2 2.5 2.2 2.5 2.2 6.8zm-14.4-0.9l11.3-0.1q-0.1-2.5-1.5-4.1-1.4-1.5-3.7-1.5-2.7 0-4.3 1.5-1.5 1.4-1.8 4.2z"/><path class="b" d="m49.1 111.8l-1.1-22.7 5.3-0.2v1.7l-2.9 0.2 0.9 19.2 3-0.2v1.8zm18.3-17.8l0.1 2.2q-1-0.5-2.1-0.7-1-0.2-2.1-0.1-1.7 0-2.6 0.6-0.8 0.6-0.8 1.6 0.1 0.8 0.7 1.2 0.6 0.5 2.5 0.8l0.8 0.1q2.5 0.4 3.5 1.3 1.1 0.9 1.2 2.6 0.1 2-1.4 3.2-1.5 1.2-4.2 1.3-1.1 0.1-2.3-0.1-1.2-0.1-2.6-0.5l-0.1-2.4q1.3 0.6 2.5 0.9 1.3 0.3 2.5 0.2 1.6-0.1 2.5-0.7 0.8-0.6 0.8-1.6-0.1-0.9-0.8-1.4-0.6-0.4-2.7-0.8l-0.9-0.1q-2.1-0.4-3.1-1.3-1-0.9-1.1-2.5-0.1-1.9 1.3-3.1 1.3-1.1 3.9-1.2 1.3-0.1 2.4 0 1.1 0.2 2.1 0.5zm9.9 0.7q-1.9 0.1-2.9 1.6-1 1.5-0.9 4 0.1 2.5 1.3 3.9 1.1 1.4 3 1.3 1.8-0.1 2.8-1.6 1-1.5 0.9-4-0.1-2.5-1.3-3.9-1.1-1.4-2.9-1.3zm-0.1-1.9q2.9-0.2 4.7 1.7 1.8 1.9 2 5.3 0.2 3.4-1.4 5.5-1.7 2-4.6 2.1-3 0.2-4.8-1.7-1.8-1.9-2-5.3-0.2-3.4 1.4-5.5 1.7-2 4.7-2.1zm15.7 1.2q-1.9 0.1-2.9 1.6-1 1.5-0.9 4 0.1 2.5 1.3 3.9 1.1 1.3 3 1.2 1.8 0 2.8-1.5 1-1.5 0.9-4-0.1-2.5-1.3-3.9-1.1-1.4-2.9-1.3zm-0.1-2q3-0.1 4.8 1.8 1.8 1.8 1.9 5.3 0.2 3.4-1.4 5.4-1.6 2-4.6 2.2-3 0.1-4.8-1.7-1.8-1.9-2-5.3-0.2-3.5 1.5-5.5 1.6-2 4.6-2.2zm22 4.9l0.4 8.4-2.2 0.1-0.4-8.3q-0.1-2-1-3-0.8-0.9-2.3-0.8-1.9 0-2.9 1.3-1 1.2-0.9 3.3l0.4 7.8-2.3 0.1-0.7-13.9 2.3-0.1 0.1 2.2q0.8-1.3 1.8-2 1.1-0.7 2.6-0.8 2.4-0.1 3.7 1.4 1.3 1.4 1.4 4.3zm4.2-11.2l5.3-0.3 1 22.8-5.3 0.2v-1.7l2.9-0.2-0.9-19.2-2.9 0.2z"/></svg>