feat: add events page and music widget

- add music source from Listenbrainz, easter egg and evets page
- update design of resume page

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

src/components/Footer.astro

@@ -7,13 +7,10 @@ const year = new Date().getFullYear();
     <p class="footer-copy">
       &copy; {year} Avinal Kumar
     </p>
-    <div class="footer-links">
-      <a href="https://github.com/avinal" target="_blank" rel="noopener noreferrer">GitHub</a>
-      <span class="footer-sep" aria-hidden="true">&middot;</span>
-      <a href="https://linkedin.com/in/avinal" target="_blank" rel="noopener noreferrer">LinkedIn</a>
-      <span class="footer-sep" aria-hidden="true">&middot;</span>
-      <a href="/posts">Posts</a>
-    </div>
+    <a href="https://github.com/avinal/avinal.github.io/issues/new" class="footer-report" target="_blank" rel="noopener noreferrer">
+      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+      Report an issue
+    </a>
   </div>
 </footer>
 
@@ -39,24 +36,17 @@ const year = new Date().getFullYear();
     color: var(--text-muted);
   }
 
-  .footer-links {
-    display: flex;
+  .footer-report {
+    display: inline-flex;
     align-items: center;
     gap: var(--space-2);
     font-size: var(--text-sm);
-  }
-
-  .footer-links a {
-    color: var(--text-secondary);
+    color: var(--text-muted);
     text-decoration: none;
     transition: color var(--duration-fast) var(--ease-out);
   }
 
-  .footer-links a:hover {
+  .footer-report:hover {
     color: var(--text);
   }
-
-  .footer-sep {
-    color: var(--text-muted);
-  }
 </style>