اضافه کردن transition-colors به همهٔ حالت‌های hover

چندین سطح تعاملی (منوی سازمان، منوی کاربر، لینک‌های بردکرامب، آیتم‌های
پالت فرمان، دکمهٔ ساخت سازمان، لینک ردیابی) رنگ را در hover یک‌باره
تغییر می‌دادند و بقیهٔ رابط نرم بود. اکنون همه یکسان transition
می‌گیرند.

apps/web/src/components/AppShell.tsx

@@ -139,7 +139,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                         setMenuOpen(false);
                       }}
                       className={cx(
-                        "flex w-full items-center justify-between rounded-md px-2 py-2 text-right text-xs",
+                        "flex w-full items-center justify-between rounded-md px-2 py-2 text-right text-xs transition-colors",
                         org.id === activeOrganization?.id
                           ? "bg-accent-soft text-slate-100"
                           : "text-slate-300 hover:bg-surface-raised",
@@ -152,7 +152,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                   <div className="my-1 border-t border-surface-border" />
                   <Link
                     href="/onboarding"
-                    className="block rounded-md px-2 py-2 text-xs text-slate-300 hover:bg-surface-raised"
+                    className="transition-colors block rounded-md px-2 py-2 text-xs text-slate-300 hover:bg-surface-raised"
                     onClick={() => setMenuOpen(false)}
                   >
                     ساخت سازمان جدید
@@ -171,7 +171,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
               type="button"
               onClick={() => setUserMenuOpen((open) => !open)}
               aria-expanded={userMenuOpen}
-              className="flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-surface-overlay"
+              className="transition-colors flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-surface-overlay"
             >
               <span className="hidden text-xs text-slate-300 sm:block">
                 {user?.name || user?.email}
@@ -190,7 +190,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                 <Link
                   href="/settings"
                   onClick={() => setUserMenuOpen(false)}
-                  className="block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
+                  className="transition-colors block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
                 >
                   تنظیمات سازمان
                 </Link>
@@ -198,7 +198,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                   <Link
                     href="/admin"
                     onClick={() => setUserMenuOpen(false)}
-                    className="block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
+                    className="transition-colors block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
                   >
                     کنسول مالک سامانه
                   </Link>
@@ -206,7 +206,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                 <button
                   type="button"
                   onClick={handleLogout}
-                  className="mt-1 block w-full rounded-md px-2 py-1.5 text-start text-xs text-danger hover:bg-surface-raised"
+                  className="transition-colors mt-1 block w-full rounded-md px-2 py-1.5 text-start text-xs text-danger hover:bg-surface-raised"
                 >
                   خروج
                 </button>

apps/web/src/components/CommandPalette.tsx

@@ -185,7 +185,7 @@ export function CommandPalette({ isPlatformOwner = false }: { isPlatformOwner?:
                       onMouseEnter={() => setActive(index)}
                       onClick={() => go(item.href)}
                       className={cx(
-                        "flex items-center justify-between gap-2 rounded-md px-2 py-2 text-start",
+                        "flex items-center justify-between gap-2 rounded-md px-2 py-2 text-start transition-colors",
                         isActive
                           ? "bg-accent-soft text-slate-100"
                           : "text-slate-300 hover:bg-surface-raised",