fix(styles): turns h1 into link to dashboard, removes console.logs

assets/controllers/hamburger_controller.js

@@ -26,12 +26,7 @@ export default class extends Controller {
         // this.fooTarget.addEventListener('click', this._fooBar)
     }
 
-    navbarOutletConnected(outlet) {
-        console.log(outlet)
-    }
-
     toggleMenu() {
-        console.log(this.navbarOutlet);
         this.navbarOutlet.toggle();
     }
 

assets/controllers/navbar_controller.js

@@ -10,8 +10,7 @@ export default class extends Controller {
     activeStyles = "block rounded-lg bg-orange-500 hover:bg-opacity-70 bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-80 px-4 py-2 text-sm font-medium text-gray-50";
 
     connect() {
-        console.log(window.location.pathname);
+        this.element.querySelectorAll('.nav-list a:not(.nav-foot)').forEach(link => {
-        this.element.querySelectorAll('a:not(.nav-foot)').forEach(link => {
             link.className = this.inactiveStyles;
             if (window.location.pathname === (new URL(link.href)).pathname || window.location.pathname.startsWith( (new URL(link.href)).pathname + '/' ) ) {
                 link.className = this.activeStyles;

templates/components/Header.html.twig

@@ -1,6 +1,7 @@
 <header {{ attributes }} class="bg-cyan-950 z-40">
     <div class="px-4 sm:px-6 lg:px-8">
         <div class="h-16 flex flex-row items-center justify-between">
+            <a href="{{ path('app_index') }}" class="text-2xl text-orange-500 mr-4 md:hidden">T</a>
             <twig:SearchBar />
             <div class="md:flex md:items-center md:gap-12">
                 <nav aria-label="Global" class="md:block">

templates/components/NavBar.html.twig

@@ -1,7 +1,7 @@
 <nav id="navbar" {{ attributes }} {{ stimulus_controller('navbar') }} {{ stimulus_action('navbar', 'setActive')}} class="flex h-screen flex-col justify-between bg-cyan-950 animate__animated animate__slideInLeft animate__slow">
     <div class="px-4 py-4 flex flex-col gap-12">
-        <h1 class="text-3xl font-extrabold text-orange-500 mb-3">Torsearch</h1>
+        <h1 class="text-3xl mt-12 md:mt-0 font-extrabold text-orange-500 mb-3"><a href="{{ path('app_index') }}">Torsearch</a></h1>
-        <ul class="space-y-1">
+        <ul class="nav-list space-y-1">
             <li>
                 <a href="{{ path('app_index') }}"
                    class="block rounded-lg