testing 127.0.0.1 issue

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/components/generic/Breadcrumb/AppBreadcrumb.jsx

@@ -82,7 +82,8 @@ const AppBreadcrumb = ({ items = [], color = {} }) => {
                 {isLast ? (
                   <BreadcrumbPage className={cn("flex items-center gap-2 max-w-[300px] truncate", pageColor)}>
                     {item.icon}
-                    <span className="truncate">{item.label}</span>
+                    <span className="hidden lg:inline truncate">{item.label}</span>
+                    <span className="lg:hidden">...</span>
                   </BreadcrumbPage>
                 ) : (
                   <BreadcrumbLink asChild>

src/components/generic/UserMenu.jsx

@@ -186,7 +186,6 @@ function SignOutOverlay({ open }) {
 // ─── Main UserMenu ────────────────────────────────────────────────────────────
 export default function UserMenu() {
   const { user, logout } = useAuth()
-  const { setTheme } = useTheme()
   const { avatarUrl } = useProfile()
   const navigate = useNavigate()
 
@@ -208,7 +207,6 @@ export default function UserMenu() {
   const handleLogout = async () => {
     setSigningOut(true)
     await logout()
-    setTheme('light')
     navigate('/login', { replace: true })
   }
 

src/components/ui/sonner.jsx

@@ -11,6 +11,7 @@ const Toaster = ({
     <Sonner
       theme={theme}
       className="toaster group"
+      closeButton
       icons={{
         success: (
           <CircleCheckIcon className="size-4" />
@@ -33,7 +34,10 @@ const Toaster = ({
           "--normal-bg": "var(--popover)",
           "--normal-text": "var(--popover-foreground)",
           "--normal-border": "var(--border)",
-          "--border-radius": "var(--radius)"
+          "--border-radius": "var(--radius)",
+          "--toast-close-button-start": "unset",
+          "--toast-close-button-end": "0",
+          "--toast-close-button-transform": "translate(35%, -35%)"
         }
       }
       toastOptions={{