Move shadow style from TableCell and InlineCell to FieldInputs (#2078)

* Move shadow style from TableCell and InlineCell to FieldInputs

* Move overlay to inputs

* Complete work

front/src/modules/ui/input/components/internal/phone/components/CountryPickerDropdownButton.tsx

@@ -29,7 +29,6 @@ export const StyledDropdownButtonContainer = styled.div<StyledDropdownButtonProp
   color: ${({ color }) => color ?? 'none'};
   cursor: pointer;
   display: flex;
-  filter: ${(props) => (props.isUnfolded ? 'brightness(0.95)' : 'none')};
 
   height: 32px;
 

front/src/modules/ui/input/components/internal/phone/components/CountryPickerDropdownSelect.tsx

@@ -20,17 +20,18 @@ const StyledIconContainer = styled.div`
 
   svg {
     align-items: center;
+    border-radius: ${({ theme }) => theme.border.radius.xs};
     display: flex;
-    height: 16px;
+    height: 12px;
     justify-content: center;
   }
 `;
 
 const StyledDropdownMenuContainer = styled.ul`
-  left: 0;
+  left: 6px;
   padding: 0;
   position: absolute;
-  top: 24px;
+  top: 26px;
 `;
 
 export const CountryPickerDropdownSelect = ({
@@ -57,7 +58,7 @@ export const CountryPickerDropdownSelect = ({
   return (
     <>
       <StyledDropdownMenuContainer data-select-disable>
-        <StyledDropdownMenu width={'240px'}>
+        <StyledDropdownMenu width="240px" disableBlur>
           <DropdownMenuSearchInput
             value={searchFilter}
             onChange={(event) => setSearchFilter(event.currentTarget.value)}

front/src/modules/ui/input/relation-picker/components/SingleEntitySelect.tsx

@@ -43,7 +43,7 @@ export const SingleEntitySelect = <
   onCreate,
   onEntitySelected,
   selectedEntity,
-  width,
+  width = 200,
 }: SingleEntitySelectProps<CustomEntityForSelect>) => {
   const containerRef = useRef<HTMLDivElement>(null);