feat: add custom 404 error page

[JayRathore10]

Feat #333 — Add Custom 404 Error Page

Description

This PR adds a custom 404 error page to improve the user experience when navigating to invalid or non-existing routes within the application.

Changes Implemented

• Added a dedicated Custom404 page component
• Configured React Router wildcard route handling:

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

• Designed a modern and responsive UI using Tailwind CSS
• Added a homepage redirect button for easier navigation
• Improved invalid route handling behavior

Features

• Responsive fullscreen layout
• Gradient background styling
• Mobile-friendly design
• Smooth hover animations
• Consistent UI with existing application styling

Testing

Verified by visiting invalid routes such as:

/random-page
/unknown-route
/test404

Confirmed:

• Custom 404 page renders correctly
• Wildcard route handling works as expected
• Navigation back to homepage functions properly
• Layout is responsive across devices

---

closes #333

---

🏷️ Open Source Context

This PR is submitted as part of GSSoC (GirlScript Summer of Code) contribution.

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

Screenshot

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	9c4ead7
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a0c7fdecd24f60008937a0b
😎 Deploy Preview	https://deploy-preview-334--github-spy.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Warning

Rate limit exceeded

@JayRathore10 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 8 minutes and 36 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 6d63c83a-a4e4-4d29-89b1-37fd48969b31

📥 Commits

Reviewing files that changed from the base of the PR and between 8d17610 and 9c4ead7.

📒 Files selected for processing (3)

• CONTRIBUTING.md
• src/Routes/Router.tsx
• src/pages/404.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}