fix: increase padding in 404 page

[Chaitanya-Shahare]

there was no padding for left and right on the custom 404 page, so added some padding for the entire 404 page component

What does this PR do?

• there was no padding for left and right on the custom 404 page, so added some padding for the entire 404 page component
• this improves user experience

Fixes #244

Before

After

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

1. Go to app.localhost:3000/random
2. You'll get to a 404 page
3. Decrease the width of the page in inspect or view it in mobile mode
4. There must be left and right padding and everything should be clearly visible

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[github-actions]

Thank you for following the naming conventions! 🙏

[hemantwasthere]

Just add px-3 text-center these classes in <div>

[Chaitanya-Shahare]

I've added px-3 text-centre to the classes

[hemantwasthere]

LGTM