Added custom 404 not found page. Fixes : #4

[MrImmortal09]

Hello @monarxxjain , This is the recreated PR for the issue Create Custom 404 Page #4 and these are the following chnages I have made in PR.

Changes Made
Designed and created a custom 404 page that seamlessly integrates with the website's theme and design elements.
Modified the routing system to ensure that the custom 404 page is displayed when users navigate to non-existent routes.
Added clear indication on the custom 404 page to inform users that the requested page could not be found.

As per the conversation I have reopened the PR

@monarxxjain please review

[monarxxjain]

Great start @MrImmortal09,
It would be better if we remove the footer and make this page Non-scrollable, also you can add a button that will redirect to homepage.
Once done these we can merge you PR

[MrImmortal09]

Ok @monarxxjain I have got it and I will be back soon with the fixes

[MrImmortal09]

I have added a new component ImagewithButton and used it in the 404 not found page, This will enhance the look as well as serve as a button to Home page. I have also deleted the Footer and also disabled the scrolling.

[MrImmortal09]

@monarxxjain , Please review this PR

[monarxxjain]

@MrImmortal09 Yea now it looks good, but still there are some BUGs in reponsiveness of this page.
Between 786px to 1280px screen appears to be blank. Seems a minor fix to me. Do that and we will be good to go.

[MrImmortal09]

@monarxxjain I didn't get it, Can you please describe the bug in brief (or else in a short video or anotation on a image).

[monarxxjain]

Here is glimpse of the BUG I am talking about:-
https://github.com/iiitl/Wollete/assets/128830789/de88ceae-ecf6-44b4-8464-785d62feb694

[MrImmortal09]

@monarxxjain I don't know why but it looks good on my side. Please check the attached video and screenshot from a mobile device.

Screencast.from.2024-03-17.15-36-29.webm