Design fixes batch post linaria migration (#18509)

- Currency input
- Edit email button full height
- Full width ai field
- Missing borders
- Cmd+K icon button centered

packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectCoverImage.tsx

@@ -14,12 +14,14 @@ import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants';
 const StyledCoverImageContainer = styled.div`
   align-items: center;
   background-size: cover;
+  border: 1px solid ${themeCssVariables.border.color.medium};
   border-radius: ${themeCssVariables.border.radius.md};
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   margin-bottom: ${themeCssVariables.spacing[8]};
   min-height: 153px;
+  overflow: hidden;
   position: relative;
 `;
 

packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx

@@ -2,10 +2,10 @@ import { styled } from '@linaria/react';
 import { useState } from 'react';
 
 import { currentUserState } from '@/auth/states/currentUserState';
-import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
 import { useCanEditProfileField } from '@/settings/profile/hooks/useCanEditProfileField';
 import { useUpdateEmail } from '@/settings/profile/hooks/useUpdateEmail';
 import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput';
+import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
 import { IconCheck, IconPencil, IconX } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
@@ -34,7 +34,6 @@ const StyledActionWrapper = styled.div`
 const StyledActionButtonContainer = styled.div`
   align-items: center;
   display: inline-flex;
-  height: 100%;
   justify-content: center;
 `;
 
@@ -101,7 +100,7 @@ export const EmailField = () => {
                 Icon={IconCheck}
                 variant="secondary"
                 position="left"
-                size="small"
+                size="medium"
                 onClick={handleSave}
                 disabled={isSaveDisabled}
                 type="button"
@@ -112,7 +111,7 @@ export const EmailField = () => {
                 Icon={IconX}
                 variant="secondary"
                 position="right"
-                size="small"
+                size="medium"
                 onClick={handleCancelEditing}
                 type="button"
               />
@@ -124,7 +123,7 @@ export const EmailField = () => {
               <Button
                 Icon={IconPencil}
                 variant="secondary"
-                size="small"
+                size="medium"
                 onClick={handleStartEditing}
                 disabled={!canEdit}
                 type="button"

packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx

@@ -11,6 +11,8 @@ import { type IconComponent } from 'twenty-ui/display';
 import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants';
 
 export const StyledIMaskInput = styled.div`
+  display: contents;
+
   > input {
     background-color: transparent;
     border: none;