Expected Behavior

Not sure if this is considered a bug but here it is

When the left sidebar is a bit small, and you have some playlists with "long" names, hovering over them will show that the buttons for interacting with the playlist and the playlist name would overlap with each other. I want them to not overlap with each other.

Current Behavior

There is what happens when I hover over a playlist

Steps to Reproduce

1. Shrink left sidebar (assumes that the playlist section is on)
2. Have a playlist with a long name (maybe like 20 characters or so)
3. Hover over playlist in playlist section of sidebar
4. Observe playlist buttons overlap playlist title as seen in Current Behavior

Possible Solution

There's a few solutions that i have in mind.

1. Have the playlist name shortened and append ... to the end of it (something like Mischall...) so that it doesn't visually conflict with the UI buttons.
2. Have the UI buttons have a non-transparent background when the buttons are not hovered over so that it covers the title.
3. just delete the title when hovering lol

Context

Mainly just want it to look a bit prettier. Functionality is not majorly affected.

Application version

0.16.0

Operating System and version

Fedora 42

Server and Version

N/A

Node Version (if developing locally)

No response