[UI]: Theme toggle, footer branding, and menu filter styling inconsistencies on Menu page

[DishaL17]

Description

The Menu page contains several UI inconsistencies that affect the overall visual appearance and user experience.

1. Theme Toggle Button Styling

The theme toggle button appears visually inconsistent compared to the Home page. Its styling and placement feel unpolished and do not match the overall design language.

2. Footer Branding Alignment

In the footer section, the branding elements are too closely positioned, making the footer appear cluttered. Better spacing and alignment would improve readability and visual balance.

3. Menu Filter Container Styling

The category filter section (All, Snacks, Chaat, Beverages, etc.) has an unrefined border/container design that does not blend well with the rest of the UI.

Current Behavior

• Theme toggle looks inconsistent across pages.
• Footer branding lacks proper spacing and alignment.
• Filter container styling appears visually unpolished.

Expected Behavior

• Consistent theme toggle design across all pages.
• Proper spacing and alignment in the footer branding section.
• Cleaner and more modern styling for the menu filter container.

Steps to Reproduce

1. Open the Menu page.
2. Observe the theme toggle button.
3. Scroll to the category filter section.
4. Scroll to the footer and inspect the branding area.

Suggested Fix

• Standardize the theme toggle component across pages.
• Improve footer spacing and alignment.
• Refine the filter container border, padding, and overall styling.

Screenshot

[DishaL17]

Hi @PatelHarsh2006 ,

I would like to work on this UI enhancement issue under GSSoC'26.

The fixes will include:

• Improving theme toggle styling consistency
• Refining footer branding spacing and alignment
• Enhancing menu filter container/border styling

/assign