Replace v-b-tooltip with mouseenter/mouseleave in all three mics components

The merge conflict resolution had kept the old v-b-tooltip directive in
the templates while only adding the useHoverTooltip script bindings.
BVN's v-b-tooltip renders an inline node per bound element which, inside
a CSS grid, occupies a grid cell and produces the staggered empty-column
layout. Replaced all three remaining v-b-tooltip usages with the
@mouseenter/@Mouseleave pattern that drives the shared BTooltip instance.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Tim020

client-v3/src/components/show/config/mics/MicAllocations.vue

@@ -128,9 +128,10 @@
               <template v-else>
                 <div
                   v-if="allocationByCharacter[data.item.Character]?.[scene.id] != null"
-                  v-b-tooltip.hover.top="getTooltipText(data.item.Character, scene.id)"
                   class="allocation-cell"
                   :class="getConflictClassForCell(data.item.Character, scene.id)"
+                  @mouseenter="showTooltip(getTooltipText(data.item.Character, scene.id), $event)"
+                  @mouseleave="hideTooltip"
                 >
                   {{ allocationByCharacter[data.item.Character]?.[scene.id] }}
                   <IMdiAlert

client-v3/src/components/show/config/mics/ResourceAvailability.vue

@@ -67,9 +67,10 @@
             <div
               v-for="micStatus in sceneData.micStatuses"
               :key="`mic-${micStatus.mic.id}`"
-              v-b-tooltip.hover.top="getMicTooltip(micStatus)"
               class="mic-status-item"
               :class="micStatus.statusClass"
+              @mouseenter="showTooltip(getMicTooltip(micStatus), $event)"
+              @mouseleave="hideTooltip"
             >
               <div class="mic-name">{{ micStatus.mic.name ?? `Mic ${micStatus.mic.id}` }}</div>
               <div v-if="micStatus.character" class="mic-character">

client-v3/src/components/show/config/mics/SceneDensityHeatmap.vue

@@ -57,14 +57,18 @@
               class="scene-bar-wrapper"
             >
               <div
-                v-b-tooltip.hover.top="
-                  `${sceneData.scene.name}: ${sceneData.micCount} microphone${sceneData.micCount !== 1 ? 's' : ''}`
-                "
                 class="scene-bar"
                 :style="{
                   backgroundColor: getDensityColor(sceneData.micCount),
                   height: getBarHeight(sceneData.micCount) + 'px',
                 }"
+                @mouseenter="
+                  showTooltip(
+                    `${sceneData.scene.name}: ${sceneData.micCount} microphone${sceneData.micCount !== 1 ? 's' : ''}`,
+                    $event
+                  )
+                "
+                @mouseleave="hideTooltip"
               >
                 <span class="mic-count">{{ sceneData.micCount }}</span>
               </div>