From 137e1b5790d14f036ac70f1a706cb867d45de9ac Mon Sep 17 00:00:00 2001
From: imnyang <me@imnyang.xyz>
Date: Sun, 24 Nov 2024 23:57:48 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BB=A4=EB=B0=8B=20bun=20=EB=B2=84=EB=A0=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bun.lockb        | Bin 155043 -> 155043 bytes
 src/app/page.tsx |  24 +++++++++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index ea17d6fd51246a45bc363b74cb89efddc73b2b10..57ab2fbb55702f94870551bc2b5353d50de6745b 100755
GIT binary patch
delta 37
ucmZ3yn{)AQ&W0_Fg%jBs<4p97^vtGLOk_-)&OeipjnRDjgNclXPXhq|YYm$K

delta 38
lcmZ3yn{)AQ&W0_Fg%jDC7{Fk9#YDzL7-#!~iHwI&0|41F3ef-n

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 26f6695..3f1eab3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,17 @@
 import { useEffect, useState, forwardRef } from "react";
 import { useSearchParams } from "next/navigation";
 import Link from "next/link";
+import Image from "next/image";
 import Repos from "./components/repos";
 import Tippy from "@tippyjs/react";
 import "tippy.js/dist/tippy.css";
 import "./index.css";
 
-const TippyWrapper = forwardRef<HTMLAnchorElement, any>((props, ref) => (
+interface TippyWrapperProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  children: React.ReactNode;
+}
+
+const TippyWrapper = forwardRef<HTMLAnchorElement, TippyWrapperProps>((props, ref) => (
   <a {...props} ref={ref} />
 ));
 TippyWrapper.displayName = 'TippyWrapper';
@@ -56,7 +61,13 @@ export default function Home() {
     }
   }, [searchParams]);
 
-  const SocialLink = ({ href, icon, tooltip }: { href: string; icon: string; tooltip: string }) => (
+  interface SocialLinkProps {
+    href: string;
+    icon: string;
+    tooltip: string;
+  }
+
+  const SocialLink = ({ href, icon, tooltip }: SocialLinkProps) => (
     <Tippy content={tooltip} placement="bottom">
       <TippyWrapper
         href={href}
@@ -79,7 +90,14 @@ export default function Home() {
         <div className="left">
           <p style={{ color: "transparent" }}>/?no_hair</p>
           {/* /?no_ear */}
-          <img src={imageSrc} width={256} className="profile" alt="Profile" />
+          <Image 
+            src={imageSrc} 
+            width={256} 
+            height={256}
+            className="profile" 
+            alt="Profile"
+            priority
+          />
           <h1
             style={{
               color: "#ffe7fb",