new structure

resources/views/layouts/partials/topbar.blade.php

@@ -1,3 +1,4 @@
+{{-- Top Menu Bar --}}
 @php
     $user = auth()->user();
     $dashboardRoute = Route::has('platform.dashboard') && method_exists($user, 'isMpbaPlatformAdmin') && $user?->isMpbaPlatformAdmin()
@@ -6,41 +7,12 @@
 @endphp
 
 <header class="sticky top-0 z-40 border-b border-white/10 bg-[#111118]/95 backdrop-blur" role="banner">
-    <div class="flex h-16 items-center justify-between px-4 lg:px-6">
+    <div class="flex h-16 w-full items-center justify-end px-4 lg:px-6">
-        <div class="flex min-w-0 items-center gap-3">
+        <div
-            <button
+            id="userControls"
-                type="button"
+            class="relative flex shrink-0 items-center gap-3"
-                class="inline-flex h-10 w-10 items-center justify-center rounded-xl border border-white/10 bg-white/5 text-white lg:hidden"
+            x-data="{ open: false }"
-                data-wms-mobile-open
+            x-on:keydown.escape.window="open = false">
-                aria-label="{{ __('Open navigation menu') }}"
-                aria-controls="wms-main-sidebar"
-                aria-expanded="false"
-            >
-                <i class="fa-solid fa-bars" aria-hidden="true"></i>
-            </button>
-
-            <a
-                href="{{ $dashboardRoute ? route($dashboardRoute) : '#' }}"
-                wire:navigate
-                class="flex min-w-0 items-center gap-3"
-                aria-label="{{ __('Warehouse Management System') }}"
-            >
-                <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-cyan-600 text-sm font-bold text-white shadow-lg shadow-cyan-950/40">
-                    W
-                </span>
-
-                <span class="min-w-0">
-                    <span class="block truncate text-sm font-semibold text-white sm:text-base">
-                        {{ __('Warehouse Management System') }}
-                    </span>
-                    <span class="block text-xs font-semibold uppercase tracking-wide text-cyan-400">
-                        MPBA
-                    </span>
-                </span>
-            </a>
-        </div>
-
-        <div class="relative flex shrink-0 items-center gap-3" x-data="{ open: false }" x-on:keydown.escape.window="open = false">
             <button
                 type="button"
                 class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 text-left transition hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-[#111118]"
@@ -60,7 +32,6 @@
 
                 <i class="fa-solid fa-chevron-down hidden text-white/50 sm:block" aria-hidden="true"></i>
             </button>
-
             <div
                 x-cloak
                 x-show="open"