🖌️ Food Card Styling (#629)

[EightBitByte]

Summary

General clean up and style adjustment to food cards.

Changes

• Fixed issues with styling when it comes to the rating stars (stroke width, rating component, etc.)
• Cards now adapt to theme
• Refactored cards to have simple style change instead of redundant card on change to compact
• Refactor interactive-star-rating to use MUI components
• Ratings, Favorites, & Meal Tracker buttons are now disabled when user is not logged in, showing tooltips as such

Closes #629 #627

[LexTruong]

Looks great! I love the design decision on the tooltips.

However, I am unable to favorite a meal even when logged in.

[LexTruong]

The Favorite button works now! Just 1 nitpick before we merge: the padding around the Favorite button needs to be fixed on meal cards when in compact view.

[TheAbubakrAbu]

Just following up on the requested changes from Lex with the padding issue on the favorite button in compact view.

It looks like there haven’t been any new commits since those comments. Just wanted to check if this is still being worked on.

Let us know if you need anything!

[EightBitByte]

I'll take care of it soon -- the bug is proving a little hard to squash because of the way the card is formatted. Thanks!