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

src/pages/404.astro

@@ -1,7 +1,7 @@
 ---
 export const prerender = false;
 import Layout from '../layouts/Main.astro';
-import NavItems from '../components/NavItems.astro';
+import Search from '../components/Search.astro';
 import NavBar from '../components/NavBar.astro';
 import Footer from '../components/Footer.astro';
 import pokedexList from '../data/pokedex.json';
@@ -19,12 +19,10 @@ const pokemon = pokedexList.find(p => p["#"] === randomNumber);
 const pokemonName = pokemon?.Name || "Unknown Pokémon";
 ---
 <Layout title="404 - Page Not Found">
-    <NavBar slot="navbar">
-        <NavItems slot="navItems" />
-    </NavBar>
-    <div class="row mb-4" slot="page">
+    <div class="container-fluid container-sm mt-4" slot="page">
+    <div class="row mb-4">
         <div class="col-12 col-md-6">
-            <h1 class="mb-4">404<br/>Page Not Found</h1>
+            <h1 class="mb-4">404 - Page Not Found</h1>
             <h4>Sorry, the page you are looking for does not exist.</h4>
             <p class="copy-big my-4">
                 Return to the <a href="/">home page</a> or search for another <a href="/pokemon">Pokémon</a>.
@@ -67,7 +65,7 @@ const pokemonName = pokemon?.Name || "Unknown Pokémon";
                 >???</h3>
                 <button
                     id="play-again"
-                    class="btn btn-primary mt-3 opacity-0 pokemon-transition"
+                    class="btn btn-purple mt-3 opacity-0 pokemon-transition"
                     style="pointer-events: none;"
                     aria-hidden="true"
                 >
@@ -76,6 +74,7 @@ const pokemonName = pokemon?.Name || "Unknown Pokémon";
             </div>
         </div>
     </div>
+    </div>
 
     <Footer slot="footer" />
 </Layout>