style(extension): apply UI/UX audit enhancements, consolidate footers, and style capsule badges

website/app.js

@@ -231,7 +231,11 @@ document.addEventListener('DOMContentLoaded', () => {
         const sectionObserver = new IntersectionObserver((entries) => {
             entries.forEach(entry => {
                 if (entry.isIntersecting) {
-                    history.replaceState(null, null, '#' + entry.target.id);
+                    if (entry.target.id === 'top') {
+                        history.replaceState(null, null, window.location.pathname + window.location.search);
+                    } else {
+                        history.replaceState(null, null, '#' + entry.target.id);
+                    }
                     if (forestGreet) forestGreet();
                 }
             });

website/template.html

@@ -360,7 +360,7 @@
     </nav>
 
     <main id="main-content">
-    <header class="hero">
+    <header class="hero" id="top">
         <div class="container hero-grid">
             <div class="hero-text">
                 <h1>{{HERO_TITLE}}</h1>