fix: make roadmap link

src/components/ExploreAIRoadmap/ExploreAIRoadmap.tsx

@@ -132,8 +132,11 @@ export function ExploreAIRoadmap() {
             <div className="text-center text-gray-800">No roadmaps found</div>
           ) : (
             <ul className="grid grid-cols-3 gap-2">
-              {roadmaps.map((roadmap) => (
-                <li key={roadmap._id} className="rounded-md border">
+              {roadmaps.map((roadmap) => {
+                const roadmapLink = `/ai?id=${roadmap._id}`;
+                return (
+                  <li key={roadmap._id}>
+                    <a href={roadmapLink} className="block rounded-md border">
                       <h2
                         className="truncate px-2.5 py-2.5 text-xl font-medium leading-none tracking-wide"
                         title={roadmap.topic}
@@ -152,8 +155,10 @@ export function ExploreAIRoadmap() {
                           </span>
                         </span>
                       </div>
+                    </a>
                   </li>
-              ))}
+                );
+              })}
               {hasMorePages && (
                 <li>
                   <button