FIX небольшие визуальные улучшения.

src/resources/views/components/common/page-breadcrumb.blade.php

@@ -1 +1,38 @@
-@props(['pageTitle' => 'Page'])
+@props(['pageTitle' => 'Page'])
+
+<div class="flex flex-wrap items-center justify-between gap-3 mb-6">
+    <h2 class="text-xl font-semibold text-gray-800 dark:text-white/90">
+        {{ $pageTitle }}
+    </h2>
+    <nav>
+        <ol class="flex items-center gap-1.5">
+            <li>
+                <a
+                    class="inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400"
+                    href="{{ url('/') }}"
+                >
+                    Home
+                    <svg
+                        class="stroke-current"
+                        width="17"
+                        height="16"
+                        viewBox="0 0 17 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <path
+                            d="M6.0765 12.667L10.2432 8.50033L6.0765 4.33366"
+                            stroke=""
+                            stroke-width="1.2"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                        />
+                    </svg>
+                </a>
+            </li>
+            <li class="text-sm text-gray-800 dark:text-white/23">
+                {{ $pageTitle }}
+            </li>
+        </ol>
+    </nav>
+</div>

src/resources/views/layouts/app.blade.php

@@ -16,14 +16,18 @@
         }
     };
     window.addEventListener('resize', checkMobile);">
-        <div class="min-h-screen xl:flex">
+        <div class="min-h-screen">
             @include('layouts.partials.sidebar')
-            <div class="flex-1 transition-all duration-300 ease-in-out">
+            @include('layouts.partials.app-header')
-                @include('layouts.partials.app-header')
+            <div class="flex transition-all duration-300 ease-in-out pt-16 " 
-                <div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
+                 :class="{
+                     'xl:ml-[290px]': $store.sidebar.isExpanded || $store.sidebar.isHovered,
+                     'xl:ml-[90px]': !$store.sidebar.isExpanded && !$store.sidebar.isHovered
+                 }">
+                <div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6 w-full">
                     @yield('content')
                 </div>
             </div>
         </div>
     </body>
-</html>
+</html>

src/resources/views/layouts/partials/sidebar.blade.php

@@ -47,7 +47,18 @@
             return this.openSubmenus[key] || false;
         },
         isActive(path) {
-            return window.location.pathname === path || '{{ $currentPath }}' === path.replace(/^\//, '');
+            let relativePath = path;
+            try {
+                if (path.startsWith('http')) {
+                    relativePath = new URL(path).pathname;
+                }
+            } catch (e) {
+            }
+            
+            const currentPath = window.location.pathname;
+            return currentPath === relativePath ||
+                   currentPath === relativePath.replace(/^\/+/, '') ||
+                   '/' + currentPath === relativePath;
         }
     }"
     :class="{

src/resources/views/pages/user/show.blade.php

@@ -1,8 +1,6 @@
 @extends ('layouts.app')
 
 @section ('content')
-    <h1>{{ dd($data) }}</h1>
-
     <x-common.page-breadcrumb pageTitle="User Profile" />
     <div class="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] lg:p-6">
         <h3 class="mb-5 text-lg font-semibold text-gray-800 dark:text-white/90 lg:mb-7">Profile</h3>