Add Custom 404 Page Not Found

[dipexplorer]

Fixes #13

This PR introduces a custom 404 page to improve user experience when navigating to non-existent routes.

• Updates routing to properly render the 404 page when no matching route is found.

Changes

• Added styling to ensure the 404 page matches the overall design of the website.
• Implemented a "Back to Home" button to guide users back to the main page.

Testing Instructions

1. Pull this branch.
2. Run npm install to install dependencies.
3. Navigate to a non-existent route, e.g., /non-existent-page.
4. Verify that the custom 404 page is displayed correctly.
5. Check the "Back to Home" button to ensure it works as expected and redirects to the homepage.

Screenshots (if applicable)

Checklist

• I have performed a self-review of my code.
• I have commented on my code, particularly in hard-to-understand areas.
• My changes generate no new warnings.
• I am working on this issue under GSSoC.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wanderlust-2024	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 16, 2024 7:41pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Soujanya2004]

@dipexplorer your custom 'page doesn't exist' is not applied can you check that

[Soujanya2004]

@raise another issue and apply that