Improve Navbar and Footer Alignment on Blog Page

**Is your feature request related to a problem? Please describe.**
The navbar and footer on the blog page are misaligned compared to other pages, causing a visual inconsistency.

**Describe the solution you'd like**
Ensure the navbar and footer on the blog page are aligned consistently with the rest of the website by matching CSS styles and HTML structure.

**Describe alternatives you've considered**
Creating a specific CSS file for the blog page.
Using JavaScript to adjust alignment dynamically.
Redesigning the blog page layout for consistency.

**Additional context**