Add achivement click animation #1235

[Aniokrait]

Issue

• close #1235

Overview (Required)

• add animation on click for acquired achivements.
• refactor and make a component for achivement animation.
• It looked more natural with the background slightly transparent, so I made the background translucent.

Movie (Optional)

[github-actions[bot]]

Test Results

221 tests   221 :heavy_check_mark:  6m 41s :stopwatch:   11 suites      0 :zzz:   11 files        0 :x:

Results for commit 220c85d4.

:recycle: This comment has been updated with latest results.

[github-actions[bot]]

Snapshot diff report

File name	Image
AchievementsScreenTe st.checkHighlightIma geC_compare.png
AchievementsScreenTe st.checkHighlightIma geA_compare.png
AchievementsScreenTe st.checkHighlightIma geD_compare.png
AchievementsScreenTe st.checkHighlightIma geE_compare.png
AchievementsScreenTe st.checkHighlightIma geB_compare.png

[Aniokrait]

I would like to have a screenshot for this ideally. Could you see it? Maybe we can add a archivement by injecting the datastore in the test. 👀

I've tried to add the screenshot tests. It seems to work fine.