Update CSS classes in web pages

The CSS classes used across different web pages in the web application have been updated. This change mainly consists of adjustments to spacing on various elements to improve the visual layout. The alterations should enhance the readability and user experience of the mentioned pages.

apps/web/app/(marketing)/blog/_components/post.tsx

@@ -9,7 +9,7 @@ export const Post: React.FC<{
   content: string;
 }> = ({ post, content }) => {
   return (
-    <div className={'mx-auto my-8 flex max-w-2xl flex-col space-y-6'}>
+    <div className={'mx-auto flex max-w-2xl flex-col space-y-6'}>
       <PostHeader post={post} />
 
       <article className={styles.HTML}>

apps/web/app/(marketing)/blog/page.tsx

@@ -25,7 +25,7 @@ async function BlogPage() {
 
   return (
     <div className={'container mx-auto'}>
-      <div className={'my-8 flex flex-col space-y-16'}>
+      <div className={'flex flex-col space-y-16'}>
         <SitePageHeader
           title={t('marketing:blog')}
           subtitle={t('marketing:blogSubtitle')}