Lyrics implementation prototype (#224)

* Lyrics implementation prototype

* feat: update lyrics view

* chore: add docs

* chore: cleanup

* feat: animate active text

* fix: hide lyrics button when there are none

* feat: create lyrics preview in now playing modal

* fix: header overlay color

Closes #224 
Closes #151 
Closes #100 

---------

Co-authored-by: Lei Nelissen <lei@codified.nl>

src/components/Colors.tsx

@@ -62,6 +62,9 @@ function generateStyles(scheme: ColorSchemeName, highContrast: boolean) {
             backgroundColor: scheme === 'dark' ? '#191919' : '#f3f3f3',
             color: scheme === 'dark' ? '#fff' : '#000',
         },
+        trackBackground: {
+            backgroundColor: scheme === 'dark' ? '#111' : '#fff',
+        },
         stackHeader: {
             color: scheme === 'dark' ? 'white' : 'black'
         },

src/components/Progresstrack.tsx

@@ -29,6 +29,7 @@ export function calculateProgressTranslation(
     return output;
 }
 
+// Progress track did not show up on Lyrics screen if min height is not set
 export const ProgressTrackContainer = styled.View`
     overflow: hidden;
     height: 5px;
@@ -37,6 +38,7 @@ export const ProgressTrackContainer = styled.View`
     align-items: center;
     position: relative;
     border-radius: 6px;
+    min-height: 5px;
 `;
 
 export interface ProgressTrackProps {