feat: add New Object Custom form (#2105)

* feat: add New Object Custom form

Closes #1808

* fix: fix lint error

front/src/modules/ui/input/components/IconPicker.tsx

@@ -17,6 +17,7 @@ import { DropdownMenuSkeletonItem } from '../relation-picker/components/skeleton
 import { IconPickerHotkeyScope } from '../types/IconPickerHotkeyScope';
 
 type IconPickerProps = {
+  disabled?: boolean;
   onChange: (params: { iconKey: string; Icon: IconComponent }) => void;
   selectedIconKey?: string;
   onClickOutside?: () => void;
@@ -39,6 +40,7 @@ const convertIconKeyToLabel = (iconKey: string) =>
   iconKey.replace(/[A-Z]/g, (letter) => ` ${letter}`).trim();
 
 export const IconPicker = ({
+  disabled,
   onChange,
   selectedIconKey,
   onClickOutside,
@@ -81,6 +83,7 @@ export const IconPicker = ({
         dropdownHotkeyScope={{ scope: IconPickerHotkeyScope.IconPicker }}
         clickableComponent={
           <IconButton
+            disabled={disabled}
             Icon={selectedIconKey ? icons[selectedIconKey] : IconApps}
             variant="secondary"
           />
@@ -100,6 +103,7 @@ export const IconPicker = ({
                 <StyledMenuIconItemsContainer>
                   {iconKeys.map((iconKey) => (
                     <StyledLightIconButton
+                      key={iconKey}
                       aria-label={convertIconKeyToLabel(iconKey)}
                       isSelected={selectedIconKey === iconKey}
                       size="medium"