Releases page (#5346)

closes #4103 

<img width="696" alt="Bildschirmfoto 2024-05-10 um 08 16 19"
src="https://github.com/twentyhq/twenty/assets/48770548/e34cd348-2522-408c-886c-636595292e0f">

packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx

@@ -9,6 +9,7 @@ import {
   IconDoorEnter,
   IconHierarchy2,
   IconMail,
+  IconRocket,
   IconSettings,
   IconUserCircle,
   IconUsers,
@@ -105,6 +106,11 @@ export const SettingsNavigationDrawerItems = () => {
 
       <NavigationDrawerSection>
         <NavigationDrawerSectionTitle label="Other" />
+        <SettingsNavigationDrawerItem
+          label="Releases"
+          path={SettingsPath.Releases}
+          Icon={IconRocket}
+        />
         <NavigationDrawerItem
           label="Logout"
           onClick={handleLogout}

packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx

@@ -1,6 +1,8 @@
 import styled from '@emotion/styled';
 
 import { OBJECT_SETTINGS_WIDTH } from '@/settings/data-model/constants/ObjectSettings';
+import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   display: flex;
@@ -8,8 +10,15 @@ const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   gap: ${({ theme }) => theme.spacing(8)};
   overflow: auto;
   padding: ${({ theme }) => theme.spacing(8)};
-  width: ${({ width }) =>
-    width ? width + 'px' : OBJECT_SETTINGS_WIDTH + 'px'};
+  width: ${({ width }) => {
+    if (isDefined(width)) {
+      return width + 'px';
+    }
+    if (useIsMobile()) {
+      return 'unset';
+    }
+    return OBJECT_SETTINGS_WIDTH + 'px';
+  }};
 `;
 
 export { StyledSettingsPageContainer as SettingsPageContainer };

packages/twenty-front/src/modules/types/SettingsPath.ts

@@ -27,4 +27,5 @@ export enum SettingsPath {
   IntegrationNewDatabaseConnection = 'integrations/:databaseKey/new',
   DevelopersNewWebhook = 'webhooks/new',
   DevelopersNewWebhookDetail = 'webhooks/:webhookId',
+  Releases = 'releases',
 }