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)/docs/[...slug]/page.tsx

@@ -51,7 +51,7 @@ async function DocumentationPage({ params }: PageParams) {
     <div className={'container mx-auto'}>
       <div
         className={
-          'relative mx-auto flex max-w-4xl grow flex-col space-y-4 px-8 py-8'
+          'relative mx-auto flex max-w-4xl grow flex-col space-y-4 px-8'
         }
       >
         <SitePageHeader

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

@@ -27,7 +27,7 @@ async function DocsPage() {
 
   return (
     <div className={'flex flex-1 flex-col'}>
-      <PageBody className={'mt-8'}>
+      <PageBody>
         <div className={'flex flex-col items-center space-y-16'}>
           <SitePageHeader
             title={t('marketing:documentation')}