FIX: Type mismatches

src/components/Navbar.vue

@@ -12,8 +12,8 @@
         <p class="text-xs text-muted-foreground">
           <ScrambleText
             ref="zerooneSubtitle"
-            text="Haptic Configuration Tool" scramble-on-mount scramble-amount="1" fill-interval="35"
+            text="Haptic Configuration Tool" scramble-on-mount :scramble-amount="1" :fill-interval="35"
-            replace-interval="40" />
+            :replace-interval="40" />
         </p>
       </div>
       <MenubarMenu>

src/components/config/ConfigSection.vue

@@ -39,7 +39,7 @@ defineProps({
     default: 'MISSING_TITLE',
   },
   iconComponent: {
-    type: [String, Object],
+    type: [String, Object, Function],
     default: undefined,
   },
   showToggle: {

src/components/config/ConnectionTypeButton.vue

@@ -23,7 +23,7 @@ defineProps({
     default: '',
   },
   icon: {
-    type: String,
+    type: [String, Object, Function],
     default: '',
   },
   selected: {

src/components/config/pages/ProfileConfig.vue

@@ -24,7 +24,7 @@
           maxlength="50" />
         <Label for="textarea" class="text-muted-foreground text-right mt-1 text-xs">24/50</Label>
         <div class="flex items-center space-x-4 space-y-1">
-          <Switch id="airplane-mode" default-checked="true" />
+          <Switch id="airplane-mode" :default-checked="true" />
           <Label
             for="airplane-mode"
             class="text-xs text-muted-foreground">{{

src/components/profile/ProfileManager.vue

@@ -32,7 +32,7 @@
       <div v-if="filteredProfiles.length === 0">
         <div class="flex flex-col items-center justify-center h-32">
           <ScrambleText
-            scramble-on-mount fill-interval="5" class="text-sm text-muted-foreground"
+            scramble-on-mount :fill-interval="5" class="text-sm text-muted-foreground"
             :text="$t('profiles.not_found')" />
         </div>
       </div>