✨ feat: Enhance blog post layout and typography

This commit introduces the following changes:

- Increase the maximum width of the blog post layout from 3XL to 4XL
  on larger screens, providing more space for content.
- Change the body font from "JetBrains Mono" to "Open Sans" to improve
  readability and aesthetics.
- Increase the horizontal margin on larger screens from 72px to 80px,
  creating more breathing room around the content.

These changes aim to enhance the overall presentation and user
experience of the blog post layout, making it more visually appealing
and comfortable to read.

app/blogpost/layout.tsx

@@ -9,7 +9,7 @@ import MainFooter from "@/components/footer/main";
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="m-auto text-base 2xl:w-3xl xl:w-3xl md:w-full">
+    <div className="m-auto text-base 2xl:w-4xl xl:w-3xl md:w-full">
       {children}
     </div>
   );