feat: add public instructor profiles

components/CourseCard.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { PlayCircle, Download, FileText, CheckCircle2 } from 'lucide-react';
 import { Course, SectionVariant } from '../types';
 import { CourseCoverImage } from './CourseCoverImage';
+import { useNavigate } from 'react-router-dom';
 
 interface CourseCardProps {
   course: Course;
@@ -16,6 +17,7 @@ export const CourseCard: React.FC<CourseCardProps> = ({
   onClick,
   onOpenMaterials 
 }) => {
+  const navigate = useNavigate();
   const widthClass = variant === 'landscape' 
     ? 'w-[320px] md:w-[420px]' 
     : 'w-[200px] md:w-[260px]';
@@ -99,7 +101,7 @@ export const CourseCard: React.FC<CourseCardProps> = ({
           {course.instructor && (
             <>
               <span className="w-1 h-1 rounded-[980px] bg-gray-600"></span>
-              <span className="truncate">{course.instructor}</span>
+              {course.instructorId ? <button onClick={(event) => { event.stopPropagation(); navigate(`/instrutores/${course.instructorId}`); }} className="truncate text-left transition hover:text-orange-400 hover:underline">{course.instructor}</button> : <span className="truncate">{course.instructor}</span>}
             </>
           )}
         </div>