style(homepage): custom font name in profile name

app/page.tsx

@@ -1,6 +1,7 @@
 import { config } from "@/lib/config";
 import { Card, CardHeader } from "@/components/ui/card";
 import Image from "next/image";
+import { Finger_Paint } from "next/font/google";
 import { getFollowerCounts } from "@/lib/followers";
 import { LinkCard } from "@/components/LinkCard";
 import { headers } from "next/headers";
@@ -9,6 +10,11 @@ import { Kbd } from "@/components/ui/kbd";
 import Background from "@/public/background/space.webp";
 import { trackUniqueVisitor } from "@/lib/visitor/unique-visitors";
 
+const fingerPaint = Finger_Paint({
+  weight: "400",
+  subsets: ["latin"],
+});
+
 export default async function Home() {
   const visitorCountPromise = headers()
     .then(trackUniqueVisitor)
@@ -67,7 +73,7 @@ export default async function Home() {
             />
           </div>
           <div>
-            <h1 className="text-2xl font-bold">
+            <h1 className={`${fingerPaint.className} text-2xl`}>
               {profileName}
             </h1>
             {visitorCount > 0 && (