feat(leaderboard): show current daily standing on the result page (@henrikhhag)

[henrikhhag]

(@henrikhhag)

Description

Idea: Today the daily leaderboard rankings on the results page (after you are done with a test) shows only when you actually hit top 1000, or you improve your previous time to qualify for top 1000, but something I always wanted was to showcase at all time when I'm doing tests in top 15 sec/60 sec, the time I have currently holding for top 1000. And yes you can always just go into the leaderboard page and see where you at, but I find it better to just showcase it after you have done a test.

Solution: Add a new setting "show daily leaderboard standing" (which will be off by default), that when a run doesn't improve your best score, showcases what you "have to beat". It's more toned down to distinguish it from an actually new placement, and also showcases wpm/acc in small letters under.

Tests: I tested this manually, towards a local backend/MongoDB/Redis/Firebase, and it works and looks good in my opinion.

Checks

• Adding quotes?
  • Make sure to follow the quotes documentation
  • Make sure to include translations for the quotes in the description (or another comment) so we can verify their content.
• Adding a language?
  • Make sure to follow the languages documentation
  • Add language to packages/schemas/src/languages.ts
  • Add language to exactly one group in frontend/src/ts/constants/languages.ts
  • Add language json file to frontend/static/languages
• Adding a theme?
  • Make sure to follow the themes documentation
  • Add theme to packages/schemas/src/themes.ts
  • Add theme to frontend/src/ts/constants/themes.ts
  • (optional) Add theme css file to frontend/static/themes
  • Add some screenshots of the theme, especially with different test settings (colorful, flip colors) to your pull request
• Adding a layout?
  • Make sure to follow the layouts documentation
  • Add layout to packages/schemas/src/layouts.ts
  • Add layout json file to frontend/static/layouts
• Adding a font?
  • Make sure to follow the fonts documentation
  • Add font file to frontend/static/webfonts
  • Add font to packages/schemas/src/fonts.ts
  • Add font to frontend/src/ts/constants/fonts.ts
• Check if any open issues are related to this PR; if so, be sure to tag them below.
• Make sure the PR title follows the Conventional Commits standard. (https://www.conventionalcommits.org for more info)
• Make sure to include your GitHub username prefixed with @ inside parentheses at the end of the PR title.