Add resource availability dashboard

Implements a comprehensive dashboard showing microphone allocation
status across all scenes, helping sound crews with resource planning
and inventory management.

Features:
- Summary statistics: total mics, peak usage, conflicts, utilization
- Scene-by-scene breakdown with status badges
- Color-coded mic status grid per scene:
  - Green: Available microphones
  - Blue: In use (shows character name)
  - Red: Conflicting allocations (with pulse animation)
- Interactive mic cards with click events and tooltips
- Responsive grid layout adapts to screen size
- Integrated as "Availability" tab in Mics configuration

The dashboard calculates resource utilization by analyzing all mic
allocations across scenes and cross-references with the conflict
detection system to highlight problematic assignments.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <[email protected]>

Author: Tim020

client/src/views/show/config/ConfigMics.vue

@@ -27,6 +27,11 @@
           >
             <scene-density-heatmap :loading="!loaded" />
           </b-tab>
+          <b-tab
+            title="Availability"
+          >
+            <resource-availability :loading="!loaded" />
+          </b-tab>
         </b-tabs>
       </b-col>
       <b-col v-else>
@@ -49,11 +54,12 @@ import MicList from '@/vue_components/show/config/mics/MicList.vue';
 import MicAllocations from '@/vue_components/show/config/mics/MicAllocations.vue';
 import MicTimeline from '@/vue_components/show/config/mics/MicTimeline.vue';
 import SceneDensityHeatmap from '@/vue_components/show/config/mics/SceneDensityHeatmap.vue';
+import ResourceAvailability from '@/vue_components/show/config/mics/ResourceAvailability.vue';
 
 export default {
   name: 'ConfigMics',
   components: {
-    MicAllocations, MicList, MicTimeline, SceneDensityHeatmap,
+    MicAllocations, MicList, MicTimeline, SceneDensityHeatmap, ResourceAvailability,
   },
   data() {
     return {