feat: add icons to header

Author: imdevarsh

bun.lockb

@@ -14,6 +14,7 @@
     "@astrojs/check": "^0.9.4",
     "@astrojs/cloudflare": "^12.6.2",
     "@astrojs/rss": "^4.0.12",
+    "@lucide/astro": "^0.536.0",
     "astro": "^5.12.8",
     "typescript": "^5.9.2"
   },

package.json

@@ -1,13 +1,15 @@
 ---
 import HeaderLink from "./HeaderLink.astro";
+
+import { House, Newspaper } from "@lucide/astro";
 ---
 
 <header>
   <nav>
     <h2><a href="/">devarsh.me</a></h2>
     <div class="internal-links">
-      <HeaderLink href="/">Home</HeaderLink>
-      <HeaderLink href="/blog">Blog</HeaderLink>
+      <HeaderLink href="/"><House /> Home</HeaderLink>
+      <HeaderLink href="/blog"><Newspaper />Blog</HeaderLink>
     </div>
     <div class="social-links">
       <a rel="me" href="https://tilde.zone/@neoroll" target="_blank">
@@ -71,6 +73,15 @@ import HeaderLink from "./HeaderLink.astro";
     border-bottom-color: var(--accent);
   }
 
+  .internal-links,
+  .internal-links a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    gap: 0.4em;
+  }
+
   .social-links {
     display: flex;
     justify-content: center;