merge: challenge modal pixel snap fix

src/components/challenge-modal/challenge-modal.module.css

@@ -40,6 +40,8 @@
   border: none;
   image-rendering: pixelated;
   background-image: var(--close-button-background-image);
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 .container input, .container textarea {
@@ -160,4 +162,4 @@
     border-left: none;
     border-right: none;
   }
-}
+}

src/components/challenge-modal/challenge-modal.tsx

@@ -304,8 +304,8 @@ const Challenge = ({ challenge, closeModal, abandonModal }: ChallengeProps) => {
       className={containerClasses.join(' ')}
       ref={nodeRef}
       style={{
-        x: isMobile ? mobileX : x,
-        y: isMobile ? mobileY : y,
+        x: isMobile ? mobileX : x.to((value) => Math.round(value)),
+        y: isMobile ? mobileY : y.to((value) => Math.round(value)),
         touchAction: 'none',
       }}
     >