"Rework" navigation to be less javascript-y

src/components/JobCard.tsx

@@ -1,5 +1,4 @@
-
+import { Link } from 'react-router-dom';
-import { useNavigate } from 'react-router-dom';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
 import { IndJob } from '@/lib/types';
 import JobCardHeader from './JobCardHeader';
@@ -23,12 +22,6 @@ const JobCard: React.FC<JobCardProps> = ({
   onImportBOM,
   isTracked = false
 }) => {
-  const navigate = useNavigate();
-
-  const handleCardClick = () => {
-    navigate(`/${job.id}`);
-  };
-
   const getStatusBackgroundColor = (status: string) => {
     switch (status) {
       case 'Planned': return 'bg-gray-600/20';
@@ -43,9 +36,12 @@ const JobCard: React.FC<JobCardProps> = ({
   };
 
   return (
+    <Link
+      to={`/${job.id}`}
+      className="block h-full no-underline"
+    >
       <Card
         className={`bg-gray-900 border-gray-700 text-white h-full flex flex-col cursor-pointer hover:bg-gray-800/50 transition-colors ${job.status === 'Tracked' ? 'border-l-4 border-l-cyan-600' : ''} ${getStatusBackgroundColor(job.status)}`}
-      onClick={handleCardClick}
       >
         <CardHeader className="flex-shrink-0">
           <JobCardHeader
@@ -62,6 +58,7 @@ const JobCard: React.FC<JobCardProps> = ({
           <JobCardMetrics job={job} />
         </CardContent>
       </Card>
+    </Link>
   );
 };