moved the notification bel from the side bar to the top of the page

resources/views/components/layouts/app/sidebar.blade.php

@@ -191,26 +191,6 @@
 
             <flux:spacer />
 
-            @if (auth()->user()->isAdmin())
-                @php
-                    $pendingCount = \App\Models\Consultation::pending()->count();
-                @endphp
-                <div class="px-3 py-2">
-                    <a
-                        href="{{ route('admin.bookings.pending') }}"
-                        class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
-                        wire:navigate
-                    >
-                        <flux:icon name="bell" class="h-5 w-5" />
-                        @if ($pendingCount > 0)
-                            <span class="absolute -top-1 end-0 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-xs font-medium text-white">
-                                {{ $pendingCount > 99 ? '99+' : $pendingCount }}
-                            </span>
-                        @endif
-                    </a>
-                </div>
-            @endif
-
             <flux:navlist variant="outline">
                 <flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
                 {{ __('Repository') }}
@@ -344,6 +324,27 @@
             </flux:dropdown>
         </flux:header>
 
+        <!-- Desktop Top Bar -->
+        <div class="hidden lg:flex items-center justify-end gap-4 px-6 py-3 border-b border-zinc-200 bg-white" style="margin-inline-start: 16rem;">
+            @if (auth()->user()->isAdmin())
+                @php
+                    $pendingCount = \App\Models\Consultation::pending()->count();
+                @endphp
+                <a
+                    href="{{ route('admin.bookings.pending') }}"
+                    class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
+                    wire:navigate
+                >
+                    <flux:icon name="bell" class="h-5 w-5" />
+                    @if ($pendingCount > 0)
+                        <span class="absolute -top-1 end-0 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-xs font-medium text-white">
+                            {{ $pendingCount > 99 ? '99+' : $pendingCount }}
+                        </span>
+                    @endif
+                </a>
+            @endif
+        </div>
+
         {{ $slot }}
 
         @fluxScripts