Bug: Unknown routes silently redirect to homepage instead of showing a 404 page

[pericharlabindhumadhavi-data]

Describe the bug
The catch-all route in routes/index.jsx silently redirects
users to the homepage when they visit an undefined URL:

<Route path="*" element={<Navigate to="/" replace />} />

Users who follow a broken link or mistype a URL get bounced
to home with no explanation. They have no idea the page
doesn't exist.

Where is it happening
src/routes/index.jsx — catch-all route at the bottom

Expected behavior
A proper 404 page should display with a friendly message
and a link back to the homepage.

Suggested Fix

• Create a NotFound.jsx page with a 404 message and home link
• Replace <Navigate to="/" replace /> with <NotFound />

I would like to work on this issue under GSSoC.
Please assign this issue to me.
Thank you.

[rAmAn678112]

Hi @rdodiya

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

I understand the issue and can implement a proper 404 Not Found page instead of redirecting users to the homepage for undefined routes. I will create a dedicated NotFound component with a clear error message and navigation back to the homepage, then update the catch-all route to render it.

I will ensure the page matches the existing UI design, is responsive, and provides a better user experience when users encounter broken or invalid links.

Please assign this issue to me.