Improve validate spin button and fix achievement

Author: nalves599

src/app/(authenticated)/users/[id]/buttons/ValidateSpinButton.tsx

@@ -47,9 +47,11 @@ export default function ValidateSpinButton({
       disabled={!isEligible}
       onClick={validateSpinWheel}
     >
-      <FerrisWheel size={16} />
-      Validate Spin the Wheel ({spinWheelData?.signatures.length ?? 0}/
-      {SPIN_WHEEL_MAXIMUM})
+      <FerrisWheel size={16} />(
+      {spinWheelData?.redeemed
+        ? "Already redeemed"
+        : `Validate Spin the Wheel ${spinWheelData?.signatures.length ?? 0}/ ${SPIN_WHEEL_MAXIMUM}`}
+      )
     </button>
   );
 }

src/components/user/AchievementTile.tsx

@@ -18,7 +18,7 @@ export default function AchievementTile({
   return (
     <>
       <div
-        className={`size-30 rounded-full shadow-md cursor-pointer ${achieved ? "bg-white" : "bg-gray-200 grayscale opacity-25"}`}
+        className={`size-20 rounded-full shadow-md cursor-pointer ${achieved ? "bg-white" : "bg-gray-200 grayscale opacity-25"}`}
         onClick={() => setIsOpen(true)}
       >
         <Image