frontend cleanup

frontend/_src/components/Header.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+    import { invoke } from "@tauri-apps/api/core"
+    import { Dashboard, Gear } from 'radix-icons-svelte'
+    import {isActive} from '@roxi/routify'
+
+    let app_version = "";
+
+    (async () => {
+        app_version = await invoke("get_app_version")
+    })().catch(err => {
+        console.error(err);
+    });
+</script>
+<header id="header">
+    <div class="logo">
+        <a href="/" title="Проект канала Хауди Хо!"><img src="/media/header-logo.png" alt=""></a>
+        <div>
+            <h1><a href="/">JARVIS</a></h1>
+            <h2>v{app_version} <small style="color: #8AC832;opacity: .9;font-size: 13px;">BETA</small></h2>
+        </div>
+    </div>
+    <nav class="top-menu">
+        <ul>
+            <li><a href="/commands" class:active={$isActive('/commands')}><Dashboard /> Команды</a></li>
+            <li><a href="/settings" class:active={$isActive('/settings')}><Gear /> Настройки</a></li>
+        </ul>
+    </nav>
+</header>