make titlebar logo a home button

src/store/RouteStore.ts

@@ -4,11 +4,17 @@ export interface RouteState {
     path: string
 }
 
-export default configureStore({
+const store = configureStore({
     reducer: {
         path: (state = '/load', action) => {
             if (action.type != 'setPath') return state;
             return action.path ?? state;
         }
     },
-})
+});
+
+export default store;
+
+export function route(path) {
+    store.dispatch({ type: 'setPath', path });
+}

src/widget/Titlebar/Titlebar.svelte

@@ -10,6 +10,7 @@
 
     import { appWindow } from '@tauri-apps/api/window'
     import Blek from '../../shared/blek.svelte';
+    import { route } from '../../store/RouteStore';
 </script>
 
 <div class={style.titlebar}>
@@ -19,8 +20,14 @@
         <tbody>
             <tr>
                 <td data-tauri-drag-region class={style.name}>
-                    <Blek height='14px' />
-                    nox
+
+                    <!-- svelte-ignore a11y-click-events-have-key-events -->
+                    <!-- svelte-ignore a11y-missing-attribute -->
+                    <a class={style.home_btn} on:click={() => {route('/')}}>
+                        <Blek height='14px' />
+                        nox
+                    </a>
+                    
                 </td>
                 <td align='right' width='130px' class={style.btns}>
                     <table>

src/widget/Titlebar/style.module.scss

@@ -37,8 +37,24 @@ $corners: 16px;
         cursor: default;
         color: #b0b0b0;
         font-size: 12pt;
-        padding-left: 12px;
         width: 100%;
+        .home_btn {
+            color: #b0b0b0;
+
+            height: fit-content;
+            width: fit-content;
+            padding: 6px 12px;
+            padding-right: 16px;
+
+            display: block;
+            cursor: pointer;
+            text-decoration: none;
+            transition: 250ms ease;
+
+            &:hover {
+                background: #0003;
+            }
+        }
     }
 
     .btns {