Allow "My Media" to be vertical

[Hervey]

Describe the bug
When the page becomes very narrow, the cards in "My Media" will change from horizontal to vertical, instead of turning into an area that allows horizontal scrolling, something like "Latest Movies". This takes up a lot of page space. It happens on both computer and mobile and doesn't happen if I use the default theme.

To Reproduce
Steps to reproduce the behavior:

1. Go to "Home Screen"
2. Adjust the browser interface to make the width narrower
3. See error

Expected behavior
When the page becomes very narrow, the cards in "My Media" turning into an area that allows horizontal scrolling, something like "Latest Movies".

Screenshots

Using JellySkin:

Using default theme:

Desktop (please complete the following information):

• OS: Windows 11 Professional
• Browser: Chrome
• Version: 113.0.5672.64

Smartphone (please complete the following information):

• Device: iPhone 13
• OS: iOS 16.5
• Browser: Safari

Additional context
The css I added is as follows:

@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/main.css");
@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/compactPosters.css");

[Prayag Prajapati]

This is not a bug, and most people asked for it to be like this, I will add an addon to add this

[Prayag Prajapati]

This feat can be used by using

@import url("https://cdn.jsdelivr.net/npm/jellyskin@12.3.4/dist/addons/verticalMyMedia.css");

once Jellyskin version 12.3.5 is released