feat :Ui design for the In the News Page And RoadMap Page

📌 What does this MR do and why?

This MR redesigns the In the News and Roadmap pages with improved light and dark theme support, updates the navbar/logo presentation, refines the mega menu card styling, and fixes related pipeline issues. These changes improve visual consistency, readability, maintainability, and keep the branch merge-ready by resolving lint, test, and build problems.

🚀 Key Features

Reusable theme-aware UI updates for In the News and Roadmap Improved light and dark mode styling across both pages Navbar/logo refinements to better match the previous website reference Mega menu card styling updated to match the intended design direction Tests updated for ThemeProvider-based rendering Lint, test, and build issues fixed Reference extraction of the old navbar design for future reuse

❓ Why this change?

Improves UI consistency across important sections

Enhances light and dark theme experience

Aligns the navbar and mega menu closer to the intended design

Keeps test coverage aligned with the current component structure

Ensures pipeline health by fixing lint, test, and build issues

✅ Checklist

✔ Modular and clean code

✔ No hardcoded values where avoidable

✔ UI working properly

✔ Tests updated and passing

✔ Responsive design implemented

✔ Lint passing

✔ Build passing

ScreenShots

Before

After

Related Issue

#63 (closed)