next session

frontend/src/lib/components/Menu/Header.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
+    import { navigate } from "svelte-routing/src/history"
+
     export let active = false
     export let opened = false
 </script>
 
-<div class="header" class:fixed="{!opened}">
-    <div class="logo">
+<div class="header" class:sticky="{!opened}">
+    <div class="logo" on:keydown on:click="{() => navigate('/')}">
         <img src="/media/Logo Quer.svg" alt="Logo Quer" />
     </div>
     <button class="menu" on:click="{() => (active = !active)}">
@@ -19,8 +21,8 @@
 
 <style lang="less">
     @import "../../assets/css/main.less";
-    .fixed {
-        position: fixed;
+    .sticky {
+        position: sticky;
         top: 0px;
         z-index: 100;
     }
@@ -37,6 +39,7 @@
         gap: 25px;
 
         .logo {
+            cursor: pointer;
             flex-grow: 0;
             flex-shrink: 1;