Create a 404 Not Found Page

[Yogender-verma]

🐛 Description

There is no custom 404 page. When users navigate to a non-existent page, they see a generic browser error or a blank page.

---

📄 What to Create

Create a 404.html page with:

🎨 Project branding (logo/name) consistent with other pages
🔍 A friendly "Page not found" message with a brief explanation
🏠 A prominent button to navigate back to the dashboard
🎯 Consistent styling with the existing app theme.css
✨ Optional: A fun illustration or CSS-based animation

---

⚙️ Implementation Guide

• Create frontend/404.html using the same layout structure as other pages
• Include the standard theme.css stylesheet
• Add a centered card with the 404 message and navigation button
• Optionally update index.html to redirect unknown routes

---

🎨 Component

Frontend

---

✅ Acceptance Criteria

• frontend/404.html exists
• Uses project branding and theme
• Has a clear "Page not found" message
• Has a working "Go to Dashboard" button
• Looks professional and consistent with the app

[github-actions]

Hi @Yogender-verma,

Thanks for opening this issue.

Please reply with one of the following areas so the issue can be routed to the appropriate team member:

- /backend
- /web
- /mobile
- /devops

Once an area is selected, the corresponding label will be added automatically.

[Harxhit]

/web

[github-actions]

The issue has been classified as web.

@ShantKhatri, please review and triage this issue when available.

The web label has been applied and the issue has been routed accordingly.

[Harxhit]

@Yogender-verma I have assigned this issue to you.