Re-enable Question animation without hydration errors

[gerteck]

Please confirm that you have searched existing issues in the repo

Yes, I have searched the existing issues

Any related issues?

#2622

Tell us about your environment

Win 11

MarkBind version

5.6.0

Describe the bug and the steps to reproduce it

Just started playing around with the deployed site to check for any defects. One minor thing I noticed when comparing against https://markbind-master.netlify.app/

• The quiz's next icon animates from the top left to bottom right when clicked. What about removing the animation altogether and create a separate issue for re-implementing that instead?

Originally posted by @tlylt in https://github.com/MarkBind/markbind/issues/2622#issuecomment-2714315041

Summary:

• Previous animation logic in questions was causing a vue hydration error after migration. In order to avoid bloating #2622, the animation was disabled to be re-enabled without hydration errors after that.

Currently, animation for questions components (buttons) has been disabled. We should find a way to meaningfully re-enable it under Vue 3, can also consider more stylish animations if wanted too.

Expected behavior

No response

Anything else?

No response