[BUG]: Website layout does not fill the entire screen width inside browser window

### Bug Description

When viewing the website on a my browser window, the content is stuck in a narrow box in the middle. There are large empty black bars on both the left and right sides of the page. The website doesn't seem to expand to use the full space available in the browser.

### Steps to Reproduce

1. Open the website in a web browser.
2. Maximize the browser window
3. Observe the large empty spaces on the sides of the main content.
(Screenshot given is localhost but its exactly same on hosted website also)

### Logs and Screenshots

### Environment Details

OS: Fedora Linux
Browser: Firefox (and others)
Screen Resolution: 1920x1080

### Impact

Low - Minor inconvenience

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates