Improve UX On Tablets And Touchscreen Laptops

[SamarthMP]

This PR adds better support for tablets, because currently some things don't work very well.

1. The mobile warning message will now only show if the window aspect ratio is vertical, which allows tablets access but not phones.
2. The wording of the mobile warning message is slightly different to show that it can be accessed on tablets as well.
3. You can now play a song by tapping on it instead of double tapping, which is a better touch experience. On desktop, you still have to double click. This change also affects touchscreen laptops.
4. Tooltips have been disabled on tablets, to prevent them from popping up for a split second when buttons are tapped.

I have tested these changes on a Samsung Galaxy Tab S9+ and an iPad simulator.
There are still some bugs to be ironed out on touchscreens, but this is a start.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aonsoku	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 8, 2025 11:30am

[victoralvesf]

Could you include the same function to deal with the touch event, on the component data-table-list.tsx aswell? This other component is almost the same as the data-table.tsx, but is for infinite scroll, used in songs page and queue.

The part where the click/touch event is called, is inside data-table-list-row.tsx component.

[SamarthMP]

Sorry for late response, I'm kinda busy this week so I'll try next week.