create basic components for index

- Updated layout
- Include CSS reset
- Include Catppuccin color variables
- Add basic styling
- Create navbar component

src/components/Navbar.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+  links: { href: string, text: string }[];
+}
+
+const { links } = Astro.props;
+---
+
+<nav class="navbar navbar-expand-lg bg-body-tertiary">
+  <ul class="list-unstyle hstack">
+    {links.map(link =>(
+      <li class="nav-item">
+        <a class:list={"nav-link", { active: Astro.url.pathname === link.href}} href={link.href}>{link.text}</a>
+      </li>
+    ))}
+  </ul>
+</nav>
+
+<style>
+  nav {
+    width: fit-content;
+  }
+
+  li > a {
+    padding: 0.25rem 0.5rem;
+  }
+
+  a {
+    text-decoration: none;
+  }
+</style>