fix(ui): handle tabs component slot vs array prop conflict

The tabs component receives tabs either as an array prop (for simple
label-based tabs) or as a named slot (for custom tab button HTML).
Now it handles both patterns without crashing on count().
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

resources/views/components/ui/tabs.blade.php

@@ -4,13 +4,14 @@
 ])
 
 @php
-$alpineId = 'tabs-' . \Illuminate\Support\Str::random(6);
-$defaultTab = $active ?? (count($tabs) > 0 ? array_key_first($tabs) : '');
+$tabsIsArray = is_array($tabs) && count($tabs) > 0;
+$defaultTab = $active ?? ($tabsIsArray ? array_key_first($tabs) : '');
 @endphp
 
 <div x-data="{ activeTab: '{{ $defaultTab }}' }" {{ $attributes }}>
     {{-- Tab Navigation --}}
     <div class="flex border-b border-[var(--color-border)] overflow-x-auto" role="tablist">
+        @if($tabsIsArray)
             @foreach($tabs as $key => $label)
                 <button
                     type="button"
@@ -25,6 +26,9 @@ $defaultTab = $active ?? (count($tabs) > 0 ? array_key_first($tabs) : '');
                     {{ $label }}
                 </button>
             @endforeach
+        @elseif(isset($tabs) && !is_array($tabs))
+            {{ $tabs }}
+        @endif
     </div>
 
     {{-- Tab Panels --}}