Changing and revamping the UI using color theory & Material 3 for Flutter

[its-me-abhishek]

Problem

The current app does not look very eye catching. It underplays the role of an application and makes the product look novice(ish).
The overall aesthetics of the application (the font sizes, colors, buttons) are not consistent either

Proposed solution

• Overall UI and animation updates with a color usage revamp of the pages can make the application look much better (in both the dark mode as well as in the light mode).
• Changing the font size values to be more consistent and eye catchy.
• The bottom bar and home page UI can be fixed by a theme revamp that matches the aesthetics of the a food-based application and the product and some grammatical fixes.

Additional context

• I can make these above changes using Figma, Material UI as I am highly skilled in frontend as well as backend development using Flutter.
• Please assign this issue to me under Hacktoberfest 2023.
• Will submit a Pull Request within this week.

[teolemon]

We're actually in the midst of a proof of concept for the app: #4624
For Hacktoberfest, we prefer well-scoped issues, and prefer avoiding vague take it or leave it PRs.
Perhaps having a figma sample on one screen could be useful (you actually have a link to the figma in the discussion above)