feat: cards de projetos totalmente clicaveis com cursor-pointer

frontend/src/app/(public)/page.tsx

@@ -287,7 +287,7 @@ export default function Home() {
                 }))
               : FALLBACK_PROJECTS
             ).map((project) => (
-              <div key={project.id} className="group relative overflow-hidden rounded-xl h-[400px] cursor-pointer">
+              <Link key={project.id} href={`/projetos/${project.id}`} className="group relative overflow-hidden rounded-xl h-[400px] cursor-pointer block">
                 <div className="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style={{ backgroundImage: `url('${project.image}')` }}></div>
                 <div className="absolute inset-0 bg-linear-to-t from-black/90 via-black/20 to-transparent opacity-80 group-hover:opacity-90 transition-opacity"></div>
                 <div className="absolute bottom-0 left-0 p-8 w-full transform translate-y-4 group-hover:translate-y-0 transition-transform">
@@ -299,7 +299,7 @@ export default function Home() {
                     </span>
                   </div>
                 </div>
-              </div>
+              </Link>
             ))}
           </div>
         </div>