fix: DIA-2120: Clicking on project item from home page is not always responsive (#7313)

Co-authored-by: Andrew <[email protected]>

Author: 2 people

web/apps/labelstudio/src/pages/Home/HomePage.tsx

@@ -9,6 +9,7 @@ import { useState } from "react";
 import { CreateProject } from "../CreateProject/CreateProject";
 import { InviteLink } from "../Organization/PeoplePage/InviteLink";
 import { Heading, Sub } from "@humansignal/typography";
+import { Link } from "react-router-dom";
 
 const PROJECTS_TO_SHOW = 10;
 
@@ -191,7 +192,11 @@ function ProjectSimpleCard({
   const color = project.color && project.color !== white ? project.color : "#E1DED5";
 
   return (
-    <a href={`/projects/${project.id}`} className="block even:bg-lsNeutralSurface rounded-sm overflow-hidden">
+    <Link
+      to={`/projects/${project.id}`}
+      className="block even:bg-neutral-surface rounded-sm overflow-hidden"
+      data-external
+    >
       <div
         className="grid grid-cols-[minmax(0,1fr)_150px] p-2 py-3 items-center border-l-[3px]"
         style={{ borderLeftColor: color }}
@@ -206,6 +211,6 @@ function ProjectSimpleCard({
           <div className="bg-lsPositiveSurfaceHover h-full" style={{ maxWidth: `${progress}%` }} />
         </div>
       </div>
-    </a>
+    </Link>
   );
 }