Fix 0.32 bis (#8346)

Various UI fixes according to discussions with Design team

packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx

@@ -8,6 +8,7 @@ import {
   IconChevronUp,
   IconComponent,
   IconX,
+  LightIconButton,
   MOBILE_VIEWPORT,
   OverflowingTextWithTooltip,
 } from 'twenty-ui';
@@ -119,10 +120,10 @@ export const PageHeader = ({
           </StyledTopBarButtonContainer>
         )}
         {hasClosePageButton && (
-          <IconButton
+          <LightIconButton
             Icon={IconX}
             size="small"
-            variant="tertiary"
+            accent="tertiary"
             onClick={() => onClosePage?.()}
           />
         )}

packages/twenty-front/src/modules/ui/layout/top-bar/components/TopBar.tsx

@@ -12,6 +12,7 @@ type TopBarProps = {
 const StyledContainer = styled.div`
   border-bottom: ${({ theme }) => `1px solid ${theme.border.color.light}`};
   display: flex;
+  margin-left: ${({ theme }) => theme.spacing(2)};
 
   flex-direction: column;
 `;
@@ -27,7 +28,6 @@ const StyledTopBar = styled.div`
   height: 39px;
   justify-content: space-between;
   padding-right: ${({ theme }) => theme.spacing(2)};
-  padding-left: ${({ theme }) => theme.spacing(2)};
 
   z-index: 7;
 `;