[UI Improve] Improves UI of 404 page

[ThePhoenix08]

Improves UI of 404 Page not found page #1388

Title : Improves UI of 404 Page not found page

Issue No. : #1388

Tech Stack : HTML CSS JS(imported a script)

Close #1388

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Add WEB3 project
• Other (specify): _______________

Video (mandatory)

Click on the gif to go to actual high res video

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have gone through the contributing.md file before contributing
• I have Starred the Repository.

Additional context (Mandatory )

• added a new 404 svg background for mobile screens
• shifted old page not found text onto an overlay box
• converted back to home link to a button
• added an interactive spline 3D 404 model as background on desktop
• 3D model is not rendered on mobile phones as its resource demanding, so 404 svg is used for mobile screens
• credited the original 3D model creator on desktop overlay box

Are you contributing under any Open-source programme?

• I'm a KWOC 2024 contributor

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for cute-quokka-b093d8 ready!

Name	Link
🔨 Latest commit	095413f
🔍 Latest deploy log	https://app.netlify.com/sites/cute-quokka-b093d8/deploys/676ec82147b1ad0008eca9e9
😎 Deploy Preview	https://deploy-preview-1390--cute-quokka-b093d8.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 site configuration.

[apu52]

@ThePhoenix08 good work thanks for your valuable contribution

[ThePhoenix08]

Thanks for promptly reviewing my PR and merging it.