z-index fix - certificate card

Author: sibisiddharth8

src/components/certificates/CertificateCard.tsx

@@ -63,7 +63,7 @@ export default function CertificateCard({ certificate }: { certificate: Certific
                 </div>
                 <div>
                     <motion.div 
-                        className="absolute top-3 right-3 bg-white/70 backdrop-blur-md rounded-full p-2 border border-white/60 shadow-sm transition-opacity duration-300"
+                        className="absolute top-3 right-3 bg-white/70 backdrop-blur-md rounded-full p-2 border border-white/60 shadow-sm transition-opacity duration-300 z-10 group-hover:opacity-100 opacity-80"
                     >
                         <FiArrowUpRight className="text-slate-600" />
                     </motion.div>

src/pages/CertificatesPage.tsx

@@ -90,7 +90,7 @@ export default function AllCertificatesPage() {
                             >
                                 <option value="">All</option>
                                 {categories.map((cat: Category) => (
-                                    <option key={cat.id} value={cat.id}>
+                                    <option key={cat.id} value={cat.id} className=''>
                                         {cat.name}
                                     </option>
                                 ))}

src/pages/ProjectsPage.tsx

@@ -121,7 +121,7 @@ export default function ProjectsPage() {
                     </div>
                 </div>
 
-                {isLoading && <div className="h-96 flex justify-center items-center"><Loader /></div>}
+                {isLoading && <Loader />}
                 {isError && <div className="text-center py-16 text-red-500">Failed to load projects.</div>}
 
                 {!isLoading && !isError && (