feat(ui): polish domains, storage, env vars and resource nav

Improve project resource UIs: sort domains by DNS failure, stop re-adding www pairs on refresh, lazy-load storage tabs with counts, tighten env-var tables, keep application tabs active across Livewire polls, unify database type labels, and update related CSS/JS and tests.

resources/views/components/forms/listbox.blade.php

@@ -5,6 +5,7 @@
     'required' => false,
     'options' => [], // list of ['value' => ..., 'label' => ..., 'disabled' => bool]
     'placeholder' => 'Select…',
+    'emptyText' => 'No options available.',
     'live' => false,
     'onChange' => null, // optional $wire method to call after a selection
     'wire' => true, // false = purely client-side value (no Livewire binding)
@@ -51,7 +52,7 @@
         {{ $attributes->whereStartsWith('x-effect') }}
         @click.outside="open = false" @keydown.escape="open = false">
         <button id="{{ $id }}-trigger" type="button" class="listbox-trigger" @click="open = !open"
-            @disabled($disabled) aria-haspopup="listbox"
+            @disabled($disabled) {{ $attributes->whereStartsWith('x-bind:disabled') }} aria-haspopup="listbox"
             :aria-expanded="open" :title="current">
             <span class="listbox-trigger-label" x-text="current"></span>
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
@@ -60,6 +61,10 @@
             </svg>
         </button>
         <div class="listbox-panel" x-show="open" x-cloak role="listbox">
+            <div x-show="options.length === 0"
+                class="px-3 py-2 text-[13px] text-neutral-500 dark:text-fg-dim">
+                {{ $emptyText }}
+            </div>
             <template x-for="option in options" :key="String(option.value)">
                 <button type="button" class="listbox-option" role="option"
                     :class="{ 'listbox-option-disabled': option.disabled }"

resources/views/components/helper.blade.php

@@ -43,14 +43,14 @@
     {{ $attributes->merge(['class' => 'relative z-10 inline-block align-middle']) }}>
     {{-- button (not div) so label-for associations do not steal the click on mobile --}}
     <button type="button" x-ref="trigger"
-        class="info-helper relative z-10 inline-flex size-4 shrink-0 items-center justify-center border-0 bg-transparent p-0 leading-none"
+        class="info-helper relative z-10 inline-flex size-3.5 shrink-0 items-center justify-center border-0 bg-transparent p-0 leading-none"
         aria-label="More information" @mouseenter="show(false)" @mouseleave="hide"
         @click.prevent.stop="open && pinned ? close() : show(true)">
         @isset($icon)
             {{ $icon }}
         @else
             <x-reicon name="info-circle"
-                class="size-4 text-neutral-400 transition-colors hover:text-neutral-600 dark:text-fg-faint dark:hover:text-fg-dim"
+                class="size-3.5 text-neutral-400 transition-colors hover:text-neutral-600 dark:text-fg-faint dark:hover:text-fg-dim"
                 aria-hidden="true" />
         @endisset
     </button>

resources/views/components/project/navbar.blade.php

@@ -28,8 +28,9 @@
                 @foreach ($items as $item)
                     <a @class([
                         'app-tab shrink-0',
-                        'bg-coollabs/10 text-coollabs shadow-sm ring-1 ring-coollabs/25 hover:bg-coollabs/15 dark:bg-warning/15 dark:text-warning dark:ring-warning/25 dark:hover:bg-warning/20' => $item['active'],
+                        'app-tab-active' => $item['active'],
                     ])
+                        @if ($item['active']) aria-current="page" @endif
                         {{ wireNavigate() }} href="{{ route($item['route'], $routeParameters) }}">
                         <x-reicon :name="$item['icon']" class="size-3.5" />
                         {{ $item['label'] }}