feat: adjust navigation drawer design (#4242)

Closes #3969, Closes #4240

packages/twenty-front/src/modules/ui/display/icon/index.ts

@@ -36,6 +36,7 @@ export {
   IconChevronUp,
   IconCircleDot,
   IconClick,
+  IconCode,
   IconCoins,
   IconColorSwatch,
   IconMessageCircle as IconComment,
@@ -80,7 +81,6 @@ export {
   IconList,
   IconListNumbers,
   IconLock,
-  IconLogout,
   IconMail,
   IconMailCog,
   IconMap,
@@ -103,7 +103,6 @@ export {
   IconRelationOneToMany,
   IconRelationOneToOne,
   IconRepeat,
-  IconRobot,
   IconSearch,
   IconSend,
   IconSettings,

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx

@@ -77,7 +77,7 @@ const StyledItem = styled.div<StyledItemProps>`
 `;
 
 const StyledItemLabel = styled.div`
-  font-size: ${({ theme }) => theme.font.size.md};
+  font-weight: ${({ theme }) => theme.font.weight.medium};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx

@@ -10,7 +10,7 @@ import {
   IconCalendarEvent,
   IconCheckbox,
   IconColorSwatch,
-  IconLogout,
+  IconDoorEnter,
   IconMail,
   IconSearch,
   IconSettings,
@@ -139,7 +139,7 @@ export const Submenu: Story = {
 
         <NavigationDrawerSection>
           <NavigationDrawerSectionTitle label="Other" />
-          <NavigationDrawerItem label="Logout" Icon={IconLogout} />
+          <NavigationDrawerItem label="Logout" Icon={IconDoorEnter} />
         </NavigationDrawerSection>
       </>
     ),