fix: scroll to top when user hides answer

src/components/Questions/QuestionCard.tsx

@@ -16,6 +16,9 @@ export function QuestionCard() {
       if (answerHeight > questionHeight) {
         questionRef.current!.style.height = `${answerHeight}px`;
       }
+    } else {
+      questionRef.current!.style.height = `auto`;
+    }
 
     // if the user has scrolled down and the top of the answer is not
     // visible, scroll to the top of the answer
@@ -25,9 +28,6 @@ export function QuestionCard() {
         top: window.scrollY + questionTop - 100,
       });
     }
-    } else {
-      questionRef.current!.style.height = `auto`;
-    }
   }, [isAnswerVisible]);
 
   return (
@@ -70,10 +70,23 @@ export function QuestionCard() {
           <p>
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
             voluptatum, quod, quas, quia, voluptates voluptate quibusdam
-            voluptatibus quos quae quidem. Quisqu
+            voluptatibus quos quae quidem. Quisqu<br />
+            <br />
+            Quisquam voluptatum, quod, quas, quia, voluptates voluptate
+            quibusdam voluptatibus quos quae quidem. Quisquam voluptatum, quod,
+            quas, quia, voluptates voluptate quibusdam voluptatibus quos quae
+            quidem. Quisquam voluptatum, quod, quas, quia, voluptates voluptate
+            quibusdam voluptatibus quos quae quidem.
+            <br />
+            <br />
+            Quisquam voluptatum, quod, quas, quia, voluptates voluptate
+            quibusdam voluptatibus quos quae quidem. Quisquam voluptatum, quod,
+            quas, quia, voluptates voluptate quibusdam voluptatibus quos quae
+            quidem. Quisquam voluptatum, quod, quas, quia, voluptates voluptate
+            quibusdam voluptatibus quos quae quidem.
           </p>
         </div>
-        <div className="text-center mt-7">
+        <div className="mt-7 text-center">
           <button
             onClick={() => {
               setIsAnswerVisible(false);