Make it more mobile friendly

[secoro]

Closes #25

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 0% with 33 lines in your changes missing coverage. Please review.
✅ Project coverage is 27.76%. Comparing base (fec7d61) to head (1aa1354).

Files with missing lines	Patch %	Lines
frontend/src/pages/MealPlanner.tsx	0.00%	32 Missing ⚠️
frontend/src/components/modals.tsx	0.00%	1 Missing ⚠️
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@             Coverage Diff              @@
##               main      #28      +/-   ##
============================================
- Coverage     28.12%   27.76%   -0.36%     
  Complexity      109      109              
============================================
  Files            49       49              
  Lines          1625     1646      +21     
  Branches        298      305       +7     
============================================
  Hits            457      457              
- Misses         1126     1147      +21     
  Partials         42       42              

Flag	Coverage Δ
backend	50.93% <ø> (ø)
frontend	2.65% <0.00%> (-0.08%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.