fixed react-error with mdx on mobile (#4919)

Extracted mdx compilation logic to the server component to prevent
hydration bugs

<img width="538" alt="Screenshot 2024-04-11 at 14 03 36"
src="https://github.com/twentyhq/twenty/assets/102751374/53383da5-2e5d-4ab6-829c-550b8af2ca25">

Co-authored-by: Ady Beraud <a.beraud96@gmail.com>

packages/twenty-website/src/app/_components/releases/Release.tsx

@@ -1,10 +1,8 @@
 'use client';
 
+import { JSXElementConstructor, ReactElement } from 'react';
 import styled from '@emotion/styled';
 import { Gabarito } from 'next/font/google';
-import { compileMDX } from 'next-mdx-remote/rsc';
-import remarkBehead from 'remark-behead';
-import gfm from 'remark-gfm';
 
 import { Theme } from '@/app/_components/ui/theme/theme';
 import { ReleaseNote } from '@/app/releases/api/route';
@@ -91,24 +89,13 @@ const gabarito = Gabarito({
   variable: '--font-gabarito',
 });
 
-export const Release = async ({ release }: { release: ReleaseNote }) => {
-  let mdxSource;
-  try {
-    mdxSource = await compileMDX({
-      source: release.content,
-      options: {
-        mdxOptions: {
-          development: process.env.NODE_ENV === 'development',
-          remarkPlugins: [gfm, [remarkBehead, { depth: 2 }]],
-        },
-      },
-    });
-    mdxSource = mdxSource.content;
-  } catch (error) {
-    console.error('An error occurred during MDX rendering:', error);
-    mdxSource = `<p>Oops! Something went wrong.</p> ${error}`;
-  }
-
+export const Release = ({
+  release,
+  mdxReleaseContent,
+}: {
+  release: ReleaseNote;
+  mdxReleaseContent: ReactElement<any, string | JSXElementConstructor<any>>;
+}) => {
   return (
     <StyledContainer className={gabarito.className}>
       <StyledVersion>
@@ -119,8 +106,7 @@ export const Release = async ({ release }: { release: ReleaseNote }) => {
             : release.date}
         </StyledDate>
       </StyledVersion>
-
-      <StlyedContent>{mdxSource}</StlyedContent>
+      <StlyedContent>{mdxReleaseContent}</StlyedContent>
     </StyledContainer>
   );
 };