muted nm-dmg tier colors, updated navbar/search/menu to follow new "brand", modified auth for features, new homepage

src/components/NavItems.astro

@@ -1,16 +1,46 @@
 ---
+---
+<button
+  class="navbar-toggler ms-4 p-1 btn btn-purple border-0"
+  type="button"
+  data-bs-toggle="offcanvas"
+  data-bs-target="#navOffcanvas"
+  aria-controls="navOffcanvas"
+  aria-label="Toggle navigation"
+>
+  <span class="navbar-toggler-icon"></span>
+</button>
 
----
-<div class="navbar-collapse" id="navbarNav" aria-labelledby="navbarToggler">
-  <ul class="navbar-nav ms-auto">
-    <li class="nav-item d-flex">
-      <a class="nav-link btn btn-warning rounded p-2" href="/pokemon" aria-label="Cards">
-        <span class="d-inline-block d-md-none" aria-hidden="true">Cards</span>
-        <svg aria-hidden="true" class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-          <path opacity=".4" d="M256 519.9L256 576L576 576L576 128L378.8 128C408.7 239.7 438.6 351.3 468.5 463C397.7 482 326.8 501 256 519.9z"/>
-          <path d="M43.5 113L352.6 30.2L468.6 462.9L159.5 545.7z"/>
-        </svg>
-      </a>
-    </li>
-  </ul>
-</div>
+<div
+  id="navOffcanvasWrapper"
+  data-bs-theme="dark"
+>
+  <div
+    class="offcanvas offcanvas-end"
+    tabindex="-1"
+    id="navOffcanvas"
+    aria-labelledby="navOffcanvasLabel"
+  >
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="navOffcanvasLabel">Menu</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body px-3 pt-0">
+      <ul class="navbar-nav">
+        <li class="nav-item">
+          <a class="nav-link py-3 border-bottom border-secondary" href="/pokemon">Browse Cards</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link py-3" href="/dashboard">Dashboard</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<script is:inline>
+  document.addEventListener('DOMContentLoaded', () => {
+    const wrapper = document.getElementById('navOffcanvasWrapper');
+    if (wrapper) document.body.appendChild(wrapper);
+  });
+</script>