ADD: Title in navbar

src/components/Navbar.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="flex">
-    <Menubar class="w-full rounded-none bg-zinc-950">
+    <Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0">
+      <div class="p-8">
+        <h1 class="text-3xl">ZERO/ONE</h1>
+        <p class="text-xs text-muted-foreground">Haptic Configuration Tool</p>
+      </div>
       <MenubarMenu>
         <MenubarTrigger v-t="'navbar.device.title'" />
         <MenubarContent>

src/components/ProfileManager.vue

@@ -1,12 +1,16 @@
 <template>
   <div>
-    <div class="p-4">
-      <h1 class="text-lg">
-        <ScrambleText :text="$t('profiles.title')" />
-      </h1>
-      <p class="text-xs text-muted-foreground">
-        {{ $t('profiles.subtitle') }}
-      </p>
+    <div
+      class="px-4 h-20 flex items-center"
+      @mouseenter="$refs.configPaneTitle.scramble(0.15, 100)">
+      <div>
+        <h1 class="text-lg">
+          <ScrambleText ref="configPaneTitle" class="align-middle" :text="$t(`profiles.title`)" />
+        </h1>
+        <p class="text-xs text-muted-foreground">
+          {{ $t(`profiles.subtitle`) }}
+        </p>
+      </div>
     </div>
     <Separator />
     <Pop />