UI & UX Makeover for the App

## Description
The current UI & UX of the application needs a complete overhaul. There are multiple contributors creating PRs with different design suggestions, leading to inconsistencies in the flow and overall user experience. To ensure a unified and seamless experience, we need a well-structured approach to redesigning the app's interface.

## Why This Issue Exists
- Multiple UI-related PRs lack cohesion and consistency.
- The app's user experience needs significant improvement for better usability.
- A well-defined design system should be established before making changes.

## Contribution Guidelines
- **This issue is part of GSoC (Google Summer of Code).**
- If you are interested in contributing, **please create a well-thought-out design on Figma** before submitting any code changes.
- Share your Figma designs in the comments for review before proceeding with implementation.
- **Do not create PRs directly for UI changes** without an approved design.

## Next Steps
1. Research best practices for UI/UX and analyze competitor apps.
2. Create wireframes and design mockups in Figma.
3. Share the Figma designs in this issue for community feedback.
4. Once approved, proceed with front-end implementation.

If you're passionate about design and user experience, we would love your input! 🎨🚀