style: Update ContributorCard styles for improved layout and hover effects

Author: Adnanarodiya

src/app/(public)/contributors/_components/contributor-card.tsx

@@ -40,33 +40,33 @@ export function ContributorCard({ contributor }: ContributorCardProps) {
 
   return (
     <button
-      className="group justify-center min-w-full text-center shadow-2xl card focus-within:outline-hacktoberfest-blue bg-hacktoberfest-light-blue hover:bg-hacktoberfest-light transition-all duration-300 transform hover:-translate-y-1 overflow-hidden"
+      className="group justify-center min-w-full text-center shadow-2xl card focus-within:outline-hacktoberfest-blue bg-hacktoberfest-light-blue hover:bg-hacktoberfest-light transition-all duration-300 transform hover:-translate-y-1 overflow-hidden pt-6"
       id={contributor.login}
       onClick={() => router.replace(`/contributors#${contributor.login}`)}
       ref={cardRef}
     >
       <div className="w-full mx-auto">
-        <figure className="w-full h-56">
+        <figure className="size-56 rounded-full mx-auto">
           <img
             src={url}
             alt={contributor.name}
-            className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-110"
+            className="max-h-full w-auto object-cover transition-transform duration-300 group-hover:scale-110"
           />
         </figure>
       </div>
       <div className="w-full gap-3 items-center card-body">
-        <h2 className="text-2xl font-medium text-hacktoberfest-light group-hover:text-hacktoberfest-black">
+        <h2 className="text-2xl font-medium text-hacktoberfest-light group-hover:text-hacktoberfest-blue">
           {contributor.name}
         </h2>
         <a
           href={contributor.profile}
-          className="link text-hacktoberfest-light group-hover:text-hacktoberfest-black hover:text-hacktoberfest-blue w-fit underline-expand"
+          className="link text-hacktoberfest-light group-hover:text-hacktoberfest-black group-hover:text-hacktoberfest-blue w-fit underline-expand"
         >
           {contributor.profile}
         </a>
         <div className="justify-center mt-auto card-actions">
           <a
-            className="border-2 text-hacktoberfest-light btn border-hacktoberfest-blue  group-hover:!text-white hover:-translate-y-1"
+            className="border-2 text-hacktoberfest-light btn border-hacktoberfest-blue  group-hover:!text-white group-hover:-translate-y-1"
             href={`https://github.com/${contributor.login}`}
             target="_blank"
             rel="noreferrer"