fixes

frontend/src/pages/Planner/Dashboard.tsx

@@ -1,10 +1,12 @@
-import { Link } from "react-router";
+import { Link, useNavigate } from "react-router";
 import PageMeta from "../../components/common/PageMeta";
 import ComponentCard from "../../components/common/ComponentCard";
 import { ProgressBar } from "../../components/ui/progress";
 import { ListIcon, GroupIcon, BoltIcon, PieChartIcon, ArrowRightIcon, CheckCircleIcon, TimeIcon } from "../../icons";
 
 export default function PlannerDashboard() {
+  const navigate = useNavigate();
+  
   // Mock data - will be replaced with API calls
   const stats = {
     keywords: 245,
@@ -175,13 +177,17 @@ export default function PlannerDashboard() {
                 </p>
               )}
               {step.status === "pending" && (
-                <Link
-                  to={step.path}
-                  className="mt-3 inline-block text-xs font-medium text-brand-500 hover:text-brand-600"
-                  onClick={(e) => e.stopPropagation()}
+                <button
+                  type="button"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    navigate(step.path);
+                  }}
+                  className="mt-3 inline-block text-xs font-medium text-brand-500 hover:text-brand-600 cursor-pointer"
                 >
                   Start Now →
-                </Link>
+                </button>
               )}
             </Link>
           ))}