style: TopNavItem 컴포넌트의 레이아웃 수정 및 텍스트 표시 방식 변경

Author: chamchi0809

src/components/TopNavItem.astro

@@ -11,9 +11,9 @@ const {pathname, label, icon} = Astro.props;
 const active = pathname === (Astro.url.pathname.replace(/\/+$/, '') || "/");
 ---
 
-<a href={pathname} class=`px-4 flex flex-row items-center gap-3 cursor-pointer rounded-full text-bright select-none transition duration-300 ease-in-out
+<a href={pathname} class=`px-4 h-full flex flex-row justify-center items-center gap-3 cursor-pointer rounded-full text-bright select-none transition duration-300 ease-in-out
 hover:bg-bright hover:text-gray-950 hover:scale-110
 ${active && 'bg-bright text-gray-950 scale-110'}`>
     <slot/>
-    <span>{label}</span>
+    {label}
 </a>