UI: Fix Layout and Display Issues on Trending Content Page (Increase Responsiveness)

[jtucholski]

Description:
When viewing the Trending Content page on a laptop screen there are some improvements that can be made to help make the layout feel less squeezed.

Issues:

1. Adjust Favorites Sidebar Width:

   • On a laptop screen, the Favorites Sidebar is too wide, squeezing the middle content.
   • Expected Behavior: Reduce the width of the Favorites Sidebar to allow more space for the middle content to see if this improves

2. Update Content Display Layout:

   • Some content items that only have images and titles appear as large cards and take up too much space.
   • Expected Behavior: Try a more compact list-style design, similar to the layout of the Favorites Sidebar. This will help Top Content/Popular Content feel less squeezed.

Images

Full-screen (Laptop w/menu)

Full-screen (Laptop w/hidden menu)

Alternative way to display items instead of cards