fix: use motion.a with href for reliable navigation on project cards

src/app/portal/PortalClient.tsx

@@ -133,13 +133,13 @@ export default function PortalClient({
                     {/* Projects Grid */}
                     <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6">
                         {filteredFolders.map((folder, idx) => (
-                            <motion.div
+                            <motion.a
                                 key={folder.id}
+                                href={`/visualizar/pasta/${folder.id}`}
                                 initial={{ opacity: 0, y: 10 }}
                                 animate={{ opacity: 1, y: 0 }}
                                 transition={{ delay: idx * 0.05 }}
-                                onClick={() => router.push(`/visualizar/pasta/${folder.id}`)}
-                                className="cursor-pointer bg-white border border-slate-100 rounded-2xl p-5 sm:p-6 hover:border-slate-200 hover:shadow-lg transition-all group"
+                                className="block bg-white border border-slate-100 rounded-2xl p-5 sm:p-6 hover:border-slate-200 hover:shadow-lg transition-all group"
                             >
                                 <div className="flex items-start gap-4 mb-4">
                                     {folder.imageUrl ? (
@@ -177,7 +177,7 @@ export default function PortalClient({
                                     </div>
                                     <ChevronRight size={16} className="text-slate-300 group-hover:text-red-500 transition-colors" />
                                 </div>
-                            </motion.div>
+                            </motion.a>
                         ))}
 
                         {filteredFolders.length === 0 && (