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

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

apps/web/src/app/(app)/dashboard/page.tsx

@@ -55,7 +55,7 @@ export default function DashboardPage() {
         action={
           <a
             href="/onboarding"
-            className="rounded-lg bg-accent px-4 py-2 text-sm text-white hover:bg-accent-strong"
+            className="transition-colors rounded-lg bg-accent px-4 py-2 text-sm text-white hover:bg-accent-strong"
           >
             ساخت سازمان
           </a>

apps/web/src/app/(app)/projects/[id]/page.tsx

@@ -86,7 +86,7 @@ export default function ProjectDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/projects" className="hover:text-slate-300">
+        <Link href="/projects" className="transition-colors hover:text-slate-300">
           پروژه‌ها
         </Link>
         <span className="mx-1.5">/</span>

apps/web/src/app/(app)/tasks/[id]/page.tsx

@@ -183,7 +183,7 @@ export default function TaskDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/tasks" className="hover:text-slate-300">
+        <Link href="/tasks" className="transition-colors hover:text-slate-300">
           کارها
         </Link>
         <span className="mx-1.5">/</span>

apps/web/src/app/(app)/traces/page.tsx

@@ -223,7 +223,7 @@ export default function TracesPage() {
                         <Link
                           href={`/tasks/${taskId}`}
                           onClick={(e) => e.stopPropagation()}
-                          className="truncate text-xs text-slate-200 hover:text-accent"
+                          className="transition-colors truncate text-xs text-slate-200 hover:text-accent"
                         >
                           {taskTitle}
                         </Link>

apps/web/src/app/(app)/workforce/[id]/page.tsx

@@ -194,7 +194,7 @@ export default function EmployeeDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/workforce" className="hover:text-slate-300">
+        <Link href="/workforce" className="transition-colors hover:text-slate-300">
           کارمندهای هوش مصنوعی
         </Link>
         <span className="mx-1.5">/</span>

apps/web/src/app/onboarding/page.tsx

@@ -58,7 +58,7 @@ export default function OnboardingPage() {
                 key={org.id}
                 type="button"
                 onClick={() => router.replace("/dashboard")}
-                className="rounded-lg border border-surface-border px-3 py-2 text-right text-xs text-slate-200 hover:bg-surface-overlay"
+                className="transition-colors rounded-lg border border-surface-border px-3 py-2 text-right text-xs text-slate-200 hover:bg-surface-overlay"
               >
                 {org.name}
               </button>

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",