We need to add fullscreen to PlaybackExtraControls

Describe the bug
Router buttons stay active on small routes

Related: #13

To Reproduce
Steps to reproduce the behavior:

1. Go to dashboard page
2. Go to a different page
3. Go back clicking router back button
4. Go forward clicking router forward button
5. See forward button enable
6. Go back clicking router back button
7. See back button enable

Expected behavior
On step 5 and 7 buttons should be disable

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

To change the language of the app, currently available Spanish (partial) and English.
To change the parameters of the recommendations, (danceability, energy, instrumentalness, liveness, mode, popularity, etc)

Description

The imports in our project have grown significantly, resulting in a large number of imports that are disorganized and difficult to manage. To improve the maintainability and readability of our codebase, we need to implement ESLint rules to organize and sort our imports according to a set of guidelines.

These rules will help to organize our imports into logical groups, sort them alphabetically, and ensure consistency in our codebase.

Goal

By implementing these ESLint rules, we expect to see the following benefits:

• Improved maintainability and readability of our codebase.
• Consistent organization and ordering of imports across our project.
• Easier to identify and resolve import-related issues.
• Facilitate collaboration and code review by ensuring consistency in coding style and formatting.

Implementation

1. Add the proposed ESLint rules to our project's .eslintrc file.
2. Run ESLint on our codebase to identify and fix existing import-related issues.
3. Enforce these rules in our CI/CD pipeline to ensure that new code contributions adhere to the new guidelines.

Description:
This feature aims to provide users with a quick preview of the next track when they hover their cursor over the next track icon in the Spotify player.

Feature Details:
It will displays the track details to provide information about the upcoming track, such as:

Track Title: Display the name of the next track.
Artist: Show the name of the artist or artists performing the next track.
Album Art: Display the album cover art for the upcoming track.

Additional Notes:

This feature should be optional, allowing users to enable or disable it in the settings based on their preferences.
It should be responsive and work seamlessly with different device types and screen sizes.

Describe the bug
Playing now is not updating with the correct info for open users.

To Reproduce
Steps to reproduce the behavior:

1. Go to play some music
2. See incorrect info in the playing now widget at the left bottom corner

Expected behavior
Should display currently playing info correctly

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Currently, users can create playlists on Rindu, they can add more tracks to playlists, but they are unable to edit the playlist details (title, image, description) once they have created it. This can be frustrating for users who want to update their playlist details, such as changing the playlist name, adding a new cover image, or updating the playlist description.

We should add the ability for users to edit their own playlist details. This feature would allow users to make changes to the playlist information they originally provided, while keeping the existing tracks and order of the playlist intact.

To implement this feature, we'll use the Spotify API's endpoint for editing playlist details. When a user clicks on the playlist header, a modal will appear with fields for the playlist title, image, and description, allowing the user to make changes to the playlist details. Once the user submits the form, the playlist details will be updated both in the Spotify API and on the current page, so that the changes are immediately visible to the user.

Steps to reproduce:

1. Go to a podcast page with more than fifty episodes
2. Scroll all the way down and it is not loading the following episodes

Expeted:
It should load the following fifty episodes if exists when it is near the end of the page

Steps to reproduce:

1. Go to a playlist page that you own
2. Right click in a track that you are listening, or the card track from a song of the same playlist
3. A menu should show up
4. Hover "Add to playlist" and select the same playlist
5. Added to playlist should display in the toast
6. Add the same track again (steps 2 to 5)
7. Click the broom icon and wait for the playlist to be analyzed
8. After finding duplicates songs click the button to clean
9. You should see error message "Error removing tracks from playlist"

Expected:
It should remove duplicate songs from the playlist and show "Tracks removed from playlist"

We get an error because we are not sending the last snapshot of the playlist, we are using the same snapshot and then sending the snapshot to the remove tracks function. It's needed to get the playlist details again to get the lastest snapshot and send it to the remove tracks function.

We have to remove the forLoginPage and forPlaylistsPage folders as some components inside are used for other pages, do our best so that the components remain at the same level. Also within pages move unneeded code like functions that can go to the utils folder

Describe the bug
Go back and go forward buttons don't update visually, they work fine

To Reproduce
Steps to reproduce the behavior:

1. Login to the page /dashboard
2. See the go forward button is enable with opacity 1 and cursor: pointer
3. Go to a different page
4. See go back button is still disabled and the opacity of go back button it's 0.6 and cursor: not-allowed

Expected behavior
When you go to the /dashboard page for the first time, both routers button should be disable, if you go to a different page go back button should be enabled with respective states, if you go back, go forward button should be enabled with respective state

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Edge
• 103.0.1264.37

Additional context

• Product: premium and open
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Now with storybook added #6 we can add all the components so we can have a better documentation

Describe the bug
Components that are too big as content cards and updating slider not updating

To Reproduce
https://main--62c0c8de6b5dd3fac001eb94.chromatic.com/?path=/story/components-slider--with-update
https://main--62c0c8de6b5dd3fac001eb94.chromatic.com/?path=/story/components-cardcontent--artist
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to a component with jsx styles
2. In the styled jsx you can see the error

Expected behavior
Type error should not happen

Screenshots

Type '{ children: string; jsx: true; }' is not assignable to type 'DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>'.
  Property 'jsx' does not exist on type 'DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>'.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Create path station/{type}/{id} where type can be (playlist, show, track, album,episde), It should use the recommendations API.

This will be accessed from the contextual menu of a track clicking right click on a track and select "Go to radio"

On the first load of station/{type}/{id} should show the next tracks from useSpotifyPlayer trackWindow.track_window.next_tracks and then get the recommendations from the API.

Include test, to met the initial 80%.

In progress #25

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Play some music
2. Picture in picture lyrics
3. See error 'You need a premium account to use this feature' while opening pip lyrics

Expected behavior
As open user only have 30 seconds music preview, the can't enjoy the full pip lyrics experience
Do not open the pip lyrics or hide pip lyrics button for open users

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: open
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

getImageData from causes an unsecure operation from sources that are not in the same domain

Describe the bug
When the song changes, the like button does not reset to its normal color if it is not liked.

To Reproduce
Steps to reproduce the behavior:

1. Go to any logged in page.
2. Play a song and click on the like button to add it to the like songs list.
3. Change the song to a different one.
4. Observe that the like button is still green and does not reset to its normal color.

Expected behavior
If the song is not liked, the like button should reset to its normal color when the song changes.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

When you move the pointer all the way to the right, it does not hover the scroll bar

Expected: The scrollbar must be hovered and selected correctly on click to be able to scroll.

Playlist type, generate cover image from user image and the text of the time frame, short, medium or long term. Navigation button to go trought different time frames. 50 items each playlist

Describe the bug
Tracks won't play after first click

To Reproduce
Steps to reproduce the behavior:

1. Go to any page with tracks
2. Click on the play button, double click or click (as requirement for play)
3. See error, track is not playing

Workaround pause and play again and it will work.

Expected behavior
Tracks should play after clicking play

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Edge
• Version 105.0.1343.42

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: premium
• Page: /dashboard
  Add any other context about the problem here.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Play a song.
2. Click on the lyrics icon to enable the lyrics view.
3. Click on the picture-in-picture icon to activate the picture-in-picture mode.
4. Click on the lyrics icon again to disable the lyrics view, while the picture-in-picture window remains active.

As of now, when the lyrics view is disabled using the lyrics icon, the picture-in-picture window gets stuck in place, which detracts from the user experience.

Expected behavior
The picture-in-picture feature be enhanced to function independently from the lyrics display toggle. This means that once the picture-in-picture mode is activated, it should stay functional and movable even if the user decides to exit the lyrics view by clicking the lyrics icon again.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

This button:

When click mute/unmute the sound

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Play some music with a large name or multiple artists so the marquee activates.
2. Change to a song with a fitting name or artists
3. See marquee not restarting in player

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Each concert from the artist page should be clickable and redirect to /concert/[id].

Data is available in the artist page. It must include the tour data (tour name, eventDate, venue and sets) and it will have to be able to reproduce the tracks that are found through the search api.

The page should be layout playlist

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

track name should not cover the artists

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

if you listened an episode the recently played will show the card as a track and redirect to the track page, it should redirect to the episode page

Product: Premium

Steps to reproduce:

1. Start listening to a track.
2. Click the picture in picture icon and should open it.
3. Previous track and next tracks are not shown.

Expected:
It should display previous, next, seek backward, and seek forward buttons and work correctly.

When a track is played through the Spotify Audio Playback, we have problems to access the SDK iframe.
As observation when the Spotify Audio Playback is disconnected the controls are shown

Describe the bug
When a context menu is open is probably considering clicking somewhere in the app to disappear.

To Reproduce
Steps to reproduce the behavior:

1. Go to analyze some playlist with analysis data
2. Right click on cardTrack or click three dots
3. See error

Expected behavior
left click anywhere except three dots should make the context menu to dissapear

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

We need to add lyrics to PlaybackExtraControls

Use the getLyrics function, it should cover only the app section without affecting sidebar and player

Describe the bug
The heart icons (stopped animations in this case) in like buttons and the go to collection/tracks link disappears

To Reproduce
Steps to reproduce the behavior:

1. Go to dashboard, your likes page or any logged in page
2. Play music.
3. Hover the search bar or bookmarks of the browser 🤯
4. See error

Expected behavior
Hearts should not disappear.

Screenshots
Current behavior

Expected:

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Edge
• Version: Versión 120.0.2210.61

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open] Open
• Page: https://rindu.marcomadera.com/collection/tracks
  Add any other context about the problem here.

Describe the bug
In the application's playlist feature, saving a radio or concert to a playlist sometimes redirects to the playlist page before the tracks are added to the new playlist. This results in an empty playlist page until the page is manually refreshed.

To Reproduce
Steps to reproduce the behavior:

Radio steps:

1. Navigate to a track.
2. Right-click on the track card.
3. Select "Go to Track Radio."
4. Click on the "Save Radio to Playlist" button.
5. Note that the playlist page may redirect before the tracks are added to the new playlist, resulting in an empty playlist page.

Concert steps

1. Navigate to an artist with a concert.
2. Click on the concert with tracks.
3. Click on the "Save Concert to Playlist" button.
4. Note that the playlist page may redirect before the tracks are added to the new playlist, resulting in an empty playlist page.

Expected behavior
The playlist page should display the tracks that were just added to the new playlist, without the need to refresh the page.

Alternative expected behavior:
The user should be prompted to confirm that they want to save the radio or concert to a new playlist before being redirected to the new playlist page. The page should not redirect until the tracks have been added to the playlist.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows
• Browser Microsoft Edge
• Version 110.0.1587.50

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: Premium
• Page: https://rindu.marcomadera.com/station/track/[id] https://rindu.marcomadera.com/concert/[id]

Add any other context about the problem here.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Describe the bug
The font-size of the title for small titles should be bigger than big titles fixing in the screen. It should scroll text title only in small screens when the container does not fit the title.

To Reproduce
Steps to reproduce the behavior:

1. Go to Lift Me Up - From Black Panther: Wakanda Forever - Music From and Inspired By track
2. See font size of title as small in a single line and scrolling after 5 seconds

Expected behavior
Title should be small for long titles based on length and display in maximum three lines, and should not scroll if it can fit the screen

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Episode Card actions should be horizontal align in the right bottom with actions share, add to library and more options.
Currently buttons actions are a toast with coming soon message

code here

Describe the bug
Error trying to run storybook

99% done plugins webpack-hot-middlewarewebpack built preview 01961c0bd44bdfd0f734 in 13229ms
ModuleNotFoundError: Module not found: Error: Can't resolve '@mdx-js/react' in 'C:\Users\marco\repos\spotify-playlists-cleaner\stories'
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\Compilation.js:2016:28
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:798:13
    at eval (eval at create (C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:270:22
    at eval (eval at create (C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:434:22
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:116:11
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:670:25
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:855:8
    at C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\webpack\lib\NormalModuleFactory.js:975:5
resolve '@mdx-js/react' in 'C:\Users\marco\repos\spotify-playlists-cleaner\stories'
  Parsed request is a module
  using description file: C:\Users\marco\repos\spotify-playlists-cleaner\package.json (relative path: ./stories)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      C:\Users\marco\repos\spotify-playlists-cleaner\stories\node_modules doesn't exist or is not a directory
      looking for modules in C:\Users\marco\repos\spotify-playlists-cleaner\node_modules
        single file module
          using description file: C:\Users\marco\repos\spotify-playlists-cleaner\package.json (relative path: ./node_modules/@mdx-js/react)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.jsx doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.tsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.json doesn't exist
            .cjs
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react.cjs doesn't exist
        C:\Users\marco\repos\spotify-playlists-cleaner\node_modules\@mdx-js\react doesn't exist
      C:\Users\marco\repos\node_modules doesn't exist or is not a directory
      C:\Users\marco\node_modules doesn't exist or is not a directory
      C:\Users\node_modules doesn't exist or is not a directory
      C:\node_modules doesn't exist or is not a directory

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

To Reproduce
Steps to reproduce the behavior:

1. Run npm run storybook in the terminal

Expected behavior
It should start storybook and opening a tab in the browser

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Terminal

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Describe the bug
Picture in Picture Lyrics button displaying in firefox when it is not supported by the browser today

To Reproduce
Steps to reproduce the behavior:

1. Play music in firefox
2. You will see picture in picture button

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: [e.g. premium, open]
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.

Steps to reproduce:

1. Go to a playlist page that you own
2. Right click in a track that you are listening, or the card track from a song of the same playlist
3. A menu should show up
4. Hover "Add to playlist" and select the same playlist
5. Added to playlist should display in the toast
6. You can see the tracks number in header it is no being updated, and the track is not being added at the end of the playlist

Expected:
Tracks number in header should increase to the correct number and the track should be added at the end of the playlist

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to play some music
2. Click on lyrics button
3. See error no synced lyrics

Expected behavior
Synced lyrics for music with synced lyrics

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows
• Browser Edge
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

• Product: premium
• Page: [e.g. /dashboard, playlist/{id}]
  Add any other context about the problem here.