Feature/global app layout

[aaryan498]

📌 Description

This PR focuses on modernizing the overall UI/UX of DailyForge while keeping all existing application logic completely untouched.

The update improves visual consistency, readability, and overall user experience with a cleaner and more modern dark-themed interface across the application.

🔗 Related Issue

Closes #369

🛠 Changes Made

• Added a global AppLayout to provide a consistent layout across all pages.
• Updated navbar scroll styling to a transparent dark background for better visual blending with the new UI.
• Moved <BrowserRouter> to main.jsx for cleaner application structure.
• Updated global card styles with a glassmorphism-inspired look to better suit the dark theme.
• Changed default text colors to improve readability on dark backgrounds.
• Refined multiple global colors in index.css for a more polished and modern appearance.
• Updated task modal styling with blur and improved background treatment for a cleaner modal experience.

📸 Screenshots (if applicable)

Attached screenshots showcase the updated dashboard, tasks page, routine builder, authentication pages, and modal styling.

✅ Checklist

• Code runs locally
• Followed project structure
• No console errors
• Properly tested changes
• Linked the issue

🚀 Notes for Reviewers

• No core business logic or functionality was modified.
• Existing workflows, routes, APIs, and application behavior remain fully intact.
• This PR is focused purely on UI modernization and visual consistency.

If there’s any additional UI refinement, responsiveness improvement, or theme enhancement you'd like, I’d be happy to work on it further.

[aaryan498]

Hey @aryandas2911
Please add all the required labels to my PR first before merging and approving it.
gssoc:approved label is required to get the contribution points, please check and add them before merging.

Thank you