FIX: ScrambleText bug

IT IS SO SATISFYING 😍

src/components/Navbar.vue

@@ -1,9 +1,15 @@
 <template>
   <div class="flex">
     <Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0">
-      <div class="p-2">
-        <h1 class="text-3xl">ZERO/ONE</h1>
-        <p class="text-xs text-muted-foreground">Haptic Configuration Tool</p>
+      <div class="p-2 min-w-48">
+        <h1 class="text-3xl">
+          <ScrambleText
+            text="ZERO/ONE" scramble-on-mount :scramble-amount="1" :fill-interval="100"
+            :replace-interval="100" />
+        </h1>
+        <p class="text-xs text-muted-foreground">
+          <ScrambleText  text="Haptic Configuration Tool" scramble-on-mount scramble-amount="1" fill-interval="35" replace-interval="40" />
+        </p>
       </div>
       <MenubarMenu>
         <MenubarTrigger v-t="'navbar.device.title'" />
@@ -42,4 +48,5 @@ import {
   MenubarTrigger,
   MenubarContent,
 } from '@/components/ui/menubar/index.js'
+import ScrambleText from '@/components/effects/ScrambleText.vue'
 </script>