From 84f03a2d793c344b9bac6b64e044626e8576701f Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Wed, 22 Apr 2026 17:23:59 -0400
Subject: [PATCH] fix(admin): always render breadcrumb container to keep user
 menu pinned right

---
 src/features/admin/components/AdminTop.js | 60 +++++++++++------------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js
index f924d31..196a616 100644
--- a/src/features/admin/components/AdminTop.js
+++ b/src/features/admin/components/AdminTop.js
@@ -83,37 +83,35 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa
                     <h1 className="text-neutral-900 dark:text-white font-semibold text-lg">{appName}</h1>
                 </div>
 
-                {/* Desktop breadcrumb */}
-                {breadcrumbs.length > 1 && (
-                    <div className="hidden lg:flex items-center gap-1.5 text-[13px]">
-                        {breadcrumbs.map((crumb, i) => (
-                            <Fragment key={i}>
-                                {i > 0 && (
-                                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0">
-                                        <polyline points="9 18 15 12 9 6" />
-                                    </svg>
-                                )}
-                                {crumb.icon ? (
-                                    <button
-                                        onClick={() => router.push(crumb.href)}
-                                        className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
-                                    >
-                                        <crumb.icon className="w-4 h-4" />
-                                    </button>
-                                ) : crumb.href ? (
-                                    <button
-                                        onClick={() => router.push(crumb.href)}
-                                        className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
-                                    >
-                                        {crumb.label}
-                                    </button>
-                                ) : (
-                                    <span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span>
-                                )}
-                            </Fragment>
-                        ))}
-                    </div>
-                )}
+                {/* Desktop breadcrumb — always rendered to keep user menu pinned right */}
+                <div className="hidden lg:flex items-center gap-1.5 text-[13px]">
+                    {breadcrumbs.length > 1 && breadcrumbs.map((crumb, i) => (
+                        <Fragment key={i}>
+                            {i > 0 && (
+                                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0">
+                                    <polyline points="9 18 15 12 9 6" />
+                                </svg>
+                            )}
+                            {crumb.icon ? (
+                                <button
+                                    onClick={() => router.push(crumb.href)}
+                                    className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
+                                >
+                                    <crumb.icon className="w-4 h-4" />
+                                </button>
+                            ) : crumb.href ? (
+                                <button
+                                    onClick={() => router.push(crumb.href)}
+                                    className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
+                                >
+                                    {crumb.label}
+                                </button>
+                            ) : (
+                                <span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span>
+                            )}
+                        </Fragment>
+                    ))}
+                </div>
 
                 {/* Right section — Quick links + Profile */}
                 <div className="flex items-center gap-3 sm:gap-4">