feat(nav): make nav links icon-only on mobile with tooltips

- Add label prop to nav-link component to display text labels only when active on large screens
- Restructure navigation layout to use grid with left column for brand and inline links
- Show icon-only links with title tooltips on mobile, full labels on larger screens
- Adjust live search input widths for better responsive scaling across breakpoints

resources/views/livewire/nav-live-search.blade.php

@@ -3,7 +3,7 @@
         @csrf
         <div class="relative group">
             <label for="live-search" class="sr-only">Search</label>
-            <div class="relative w-full sm:min-w-[200px] md:min-w-[200px] lg:min-w-[240px] xl:min-w-[300px]">
+            <div class="relative w-full md:min-w-[220px] lg:min-w-[280px] xl:min-w-[360px]">
                 {{-- Search Icon --}}
                 <div class="pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center">
                     <svg class="w-4 h-4 text-gray-400 dark:text-gray-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">