Fix: design improvement for release page (#4277)

* Update Release.tsx

* Update StyledTitle.tsx

Changed Release color font to primary (#141414)

* Update StyledTitle.tsx

Spacing around the title for  mobile , header font change for tablet

* Update Release.tsx

changed the date font -weight
removed the redundant paragraph color
added media design changes of spacing1, spacing2, paragrap gap

* Update StyledTitle.tsx

subhead releases font color

* Update Release.tsx

media alignment, release font change,

* Update Release.tsx

* Quick fix

* Unrelated change (sentry)

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-server/src/integrations/exception-handler/drivers/sentry.driver.ts

@@ -22,8 +22,8 @@ export class ExceptionHandlerSentryDriver
         new Sentry.Integrations.Postgres(),
         new ProfilingIntegration(),
       ],
-      tracesSampleRate: 1,
-      profilesSampleRate: 0.05,
+      tracesSampleRate: 0.1,
+      profilesSampleRate: 0.3,
       environment: options.debug ? 'development' : 'production',
       debug: options.debug,
     });

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

@@ -39,17 +39,20 @@ const StyledVersion = styled.div`
 `;
 
 const StyledRelease = styled.span`
-  color: #b3b3b3;
+  color: #141414;
 `;
 
 const StyledDate = styled.span`
   color: #474747;
   font-size: 16px;
+  font-weight: 400;
 `;
 
 const StlyedContent = styled.div`
   flex: 1;
 
+  gap: 64px;
+
   h3 {
     color: #141414;
     font-size: 40px;
@@ -60,13 +63,19 @@ const StlyedContent = styled.div`
     color: #474747;
     font-size: 16px;
     line-height: 28.8px;
-    color: #818181;
     font-weight: 400;
   }
 
   img {
     max-width: 100%;
   }
+
+  @media (max-width: 810px) {
+    h3 {
+      font-size: 24px;
+      margin: 24px 0 40px;
+    }
+  }
 `;
 
 const gabarito = Gabarito({

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

@@ -9,7 +9,7 @@ const StyledTitle = styled.div`
 
   @media (max-width: 810px) {
     font-size: 1em;
-    margin: 16px auto;
+    margin: 64px auto;
   }
 `;
 const StyledHeader = styled.h1`
@@ -17,6 +17,7 @@ const StyledHeader = styled.h1`
   margin: 0;
 `;
 const StyledSubHeader = styled.h1`
+  color: #141414;
   margin: 0;
 `;