اضافه کردن 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>