🚀 Feature: Add Custom 404 Error Page

[JayRathore10]

🔖 Feature description

Feature Request: Add Custom 404 Error Page

Description

Currently, when users navigate to an invalid or non-existing route, the application does not provide a dedicated custom 404 error page experience. A proper 404 page improves user experience by clearly informing users that the requested page does not exist and providing navigation back to the homepage.

Proposed Solution

Add a responsive and modern custom 404 page that:

• Displays a clear "404 - Page Not Found" message
• Includes a button/link to navigate back to the homepage
• Matches the existing UI design system and theme
• Supports responsive layouts and dark mode if applicable

Benefits

• Better user experience for invalid routes
• Improved navigation flow
• More professional and polished application behavior
• Prevents users from seeing blank or incomplete pages

Additional Context

The 404 page can be integrated using React Router wildcard routing:

<Route path="*" element={<Custom404 />} />

and styled consistently with the existing Tailwind CSS design system.

---

🏷️ Open Source Context

This contribution is being made as part of GSSoC (GirlScript Summer of Code).

👤 Contributor Profile
GSSoC Profile: https://gssoc.girlscript.org/profile/e47b2f4a-f3e9-4cb4-97b5-ddd8cb15a1e9

I am a GSSoC contributor and would like to work on this feature.
Please assign this issue to me under GSSoC.