fix: Mobile screen rotation fix

[KyleKlus]

This pr fixes the current visual bug, when the plugin is used on a mobile device in landscape mode (See pictures).
Further more this pr also adds a "how to develop & test ui changes" to the contribution page, so that these issues wont arise again in a future ui change.

PC design

For reference: Old design used on a pc

New design used on a pc

Mobile design

For reference: Old design on a mobile device in landscape mode with the visual bug

New design on a mobile device in landscape mode

Old design on a small mobile device in landscape mode with visual bug

New design on a small mobile device in landscape mode

New contributing text

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.60%. Comparing base (f2379d1) to head (bded77c).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1194      +/-   ##
==========================================
+ Coverage   92.93%   93.60%   +0.67%     
==========================================
  Files          42       42              
  Lines        4569     4662      +93     
  Branches      648      660      +12     
==========================================
+ Hits         4246     4364     +118     
+ Misses        321      293      -28     
- Partials        2        5       +3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[KyleKlus]

The thought process behind the end design

The whole thing broke because I didnt check the mobile landscape mode 🙄, when I developed the more detailed session progress title text and didnt assume that someone moved everything around so dramatically.
Someone wanted to make room in the mobile landscape mode and has thus moved all the buttons to the side, to open up some space in the middle (see #990 & #998).

To fix this, I moved the progress text to the card context area, shrunk down the response buttons for small screens and only moved the upper control buttons to the left side in the landscape mode, such that more space is opened up for viewing the cards. I did my best to respect the wish to have more viewing space and at the same time to have a good and consistant design.

PS.: The new contributing text is there so that no one repeats my mistakes 😅

[KyleKlus]

The last commit changes the looks of the deck progress info a tiny bit(see pictures below).

Changes:

• Deck progress info now with bold font weight(highlights the usefullness of the information better):

• Chosen deck progress info now without sub deck counter if there are no subdecks (removes redundant information for a better focus):