style: TopNav 컴포넌트에 아이콘 추가 및 레이아웃 수정

Author: chamchi0809

src/components/TopNav.astro

@@ -1,5 +1,5 @@
 ---
-import {type Icon as IconType, House, Image} from "@lucide/astro";
+import {type Icon as IconType, House, Image, CodeXml} from "@lucide/astro";
 import TopNavItem from "./TopNavItem.astro";
 
 type MenuItem = {
@@ -25,19 +25,17 @@ const menuItems: MenuItem[] = [
 <nav transition:name="header" class="w-full flex flex-row justify-between border border-bright/25 rounded-full sticky top-4 px-4 py-3 gap-9 z-40 backdrop-blur-[2px]">
     <div class="flex flex-row items-center">
         <div class="rounded-full w-10 h-10 bg-[url(/images/anvy_profile.png)] bg-center bg-cover"/>
-        <div class="ml-4">
+        <div class="ml-4 flex flex-row items-center gap-1 text-bright">
             <span class="text-bright font-kanit text-2xl font-light tracking-narrow">
                 CHAMCHI
             </span>
-            <span class="text-bright/80 font-kanit text-md">
-                / Dev
-            </span>
+            <CodeXml/>
         </div>
     </div>
     <div class="flex flex-row gap-4">
         {menuItems.map(item =>
-            <TopNavItem icon={item.icon} label={item.name} pathname={item.pathname}>
-                <item.icon stroke-width="2" size="20"/>
-            </TopNavItem>)}
+                <TopNavItem icon={item.icon} label={item.name} pathname={item.pathname}>
+                    <item.icon stroke-width="2" size="20"/>
+                </TopNavItem>)}
     </div>
 </nav>