730/mobile compact view

[kelvinmt456]

Summary

Fixed Compact Mobile Restaurant cards to match to the figma.

Changes

• Changed compact mobile card layout to be in rows of two
• Changed compact mobile card info to show less information

Testing Instructions

• Open PeterPlate on mobile, open either of the dining halls, and change to compact view.

Closes #730

[TheAbubakrAbu]

Looks great overall, nice job!

One small thing I noticed (though it's not related to your changes): the favorite heart is currently aligned against the entire content column, so it takes up horizontal space from the dish title, rating, and description. As a result, many dish names get truncated with "..." earlier than necessary, especially on mobile.

In the Figma, the heart is aligned just with the description/content area rather than the full card, which allows the title to use more of the available width. Since you're already working on the compact layout, would you mind adjusting the heart positioning to better match the Figma?

This wasn't very noticeable before, but now that the compact view displays more cards per row (which is great and much closer to the Figma), the current heart positioning causes titles to truncate significantly earlier (especially on mobile). Moving it should give dish names more room and improve readability.

It might also be worth slightly reducing the padding/gap in compact mode if possible, but the heart positioning is the main thing I'd like to see addressed.