714/refactor-food-cards

[ShyamThangaraj]

Summary

Refactors popular-dish-card.tsx and food-card.tsx to remove duplicated modal/mutation logic by extracting it into a new shared FoodCardShell component. Also adds dietary restriction/preference conflict indicators to popular dish cards on the home screen, which previously only showed on restaurant page cards.

Changes

• food-card-shell.tsx (new) — shared wrapper that owns isDesktop, open/close state, logMealMutation, handleAddToMealTracker, and the Dialog/Drawer JSX. Uses a render prop (children) so each card passes in its own content while the shell handles the rest
• food-card.tsx — removed all duplicated modal/mutation logic, now wraps FoodCardContent in FoodCardShell
• popular-dish-card.tsx — same refactor as above; added getAllergies, getDietaryPreferences, and getDietaryConflicts so conflicting dishes now show a red warning icon and opacity-70 on the home screen

Testing Instructions

• Go to /anteatery or /brandywine and click a food card — dialog (desktop) or drawer (mobile) should open as before
• Add a dish to meal tracker from the dialog — snackbar should confirm
• On the home screen, dishes that conflict with your dietary preferences should now show a red warning icon and reduced opacity
• Check both light and dark mode look correct on both card types

Closes #714