Adds notes.

src/components/Sidebar.astro

@@ -1,6 +1,7 @@
 ---
 import SidebarLink from './SidebarLink.astro';
 import Blazestar from './Blazestar.astro';
+import NotesLinks from './NotesLinks.astro';
 ---
 
 <header>
@@ -10,6 +11,7 @@ import Blazestar from './Blazestar.astro';
 			<SidebarLink href="/">Home</SidebarLink>
 			<SidebarLink href="/blog">Blog</SidebarLink>
 			<SidebarLink href="/about">About</SidebarLink>
+      <NotesLinks />
 		</div>
 		<div class="social-links">
 			<a href="https://mastodon.social/@periodic" target="_blank" rel="me">
@@ -57,13 +59,12 @@ import Blazestar from './Blazestar.astro';
     gap: 16px;
     a {
       color: var(--color-light-text);
-      border-bottom: 4px solid transparent;
       text-decoration: none;
+
       &:hover {
         color: var(--color-accent);
-        border-bottom: 4px solid transparent;
-        text-decoration: none;
       }
+
       &.active {
         text-decoration: none;
       }