feat: lyrics page

[sifferhans]

No description provided.

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 490 lines in your changes missing coverage. Please review.

Project coverage is 6.77%. Comparing base (e1d2afe) to head (e725cd8).
Report is 107 commits behind head on main.

Files with missing lines	Patch %	Lines
pages/lyrics/[id].vue	0.00%	220 Missing and 1 partial ⚠️
pages/lyrics/index.vue	0.00%	97 Missing and 1 partial ⚠️
components/LyricsEditor.vue	0.00%	82 Missing and 1 partial ⚠️
components/ComboSearchBox.vue	0.00%	76 Missing and 1 partial ⚠️
components/sidebar/SidebarElement.vue	0.00%	6 Missing ⚠️
utils/roles.ts	0.00%	4 Missing ⚠️
components/ButtonStyled.vue	0.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##            main    #527      +/-   ##
========================================
- Coverage   8.29%   6.77%   -1.53%     
========================================
  Files        160     175      +15     
  Lines       9244   11321    +2077     
  Branches     281     296      +15     
========================================
  Hits         767     767              
- Misses      8322   10384    +2062     
- Partials     155     170      +15     

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

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-527.westeurope.3.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-527.westeurope.3.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-527.westeurope.3.azurestaticapps.net

[kkuepper]

The lyrics for miracle are pretty long and don't fit on a whole screen. Then I need to scroll up all the time to get to the button

[kkuepper]

can you rename it to Text and Melody. (just in the UI)
And also have Text first?