feat(ui): add FontAwesome icons to menu buttons

src/components/layout/Basic.astro

@@ -6,6 +6,9 @@ import { containerClass } from '@/styles/container'
 import '@fontsource-variable/roboto'
 import { getSecret } from 'astro:env/server'
 import { css, cx } from '@styled-system/css'
+import '@fortawesome/fontawesome-free/css/fontawesome.min.css'
+import '@fortawesome/fontawesome-free/css/solid.min.css'
+
 export interface Props {
   title?: string
   description?: string

src/components/layout/header/Menu.astro

@@ -37,7 +37,7 @@ const links = [{ label: 'Home', href: '/' }]
 ---
 
 <Button id="menu-button" variant="ghost" color="primary">
-  Menu <!-- TODO: Icon -->
+  <i class="fa-solid fa-bars"></i>
 </Button>
 <dialog class={dialogClass} id="menu" closedby="any">
   <div class={dialogHeaderClass}>
@@ -47,7 +47,7 @@ const links = [{ label: 'Home', href: '/' }]
       className={css({fill: "neutral.12"})}
     />
     <Button id="close-menu" variant="ghost" color="primary">
-      Close <!-- TODO: Icon -->
+      <i class="fa-solid fa-xmark"></i>
     </Button>
   </div>
   <nav role="navigation">