feat: add Object Edit form (#2090)

Closes #1910

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

@@ -13,6 +13,7 @@ import { InputHotkeyScope } from '../types/InputHotkeyScope';
 const MAX_ROWS = 5;
 
 export enum AutosizeTextInputVariant {
+  Default = 'default',
   Icon = 'icon',
   Button = 'button',
 }
@@ -24,6 +25,7 @@ type AutosizeTextInputProps = {
   onFocus?: () => void;
   variant?: AutosizeTextInputVariant;
   buttonTitle?: string;
+  value?: string;
 };
 
 const StyledContainer = styled.div`
@@ -112,14 +114,15 @@ export const AutosizeTextInput = ({
   onValidate,
   minRows = 1,
   onFocus,
-  variant = AutosizeTextInputVariant.Icon,
+  variant = AutosizeTextInputVariant.Default,
   buttonTitle,
+  value = '',
 }: AutosizeTextInputProps) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isHidden, setIsHidden] = useState(
     variant === AutosizeTextInputVariant.Button,
   );
-  const [text, setText] = useState('');
+  const [text, setText] = useState(value);
 
   const isSendButtonDisabled = !text;
   const words = text.split(/\s|\n/).filter((word) => word).length;

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

@@ -23,6 +23,7 @@ type TextInputComponentProps = Omit<
   InputHTMLAttributes<HTMLInputElement>,
   'onChange'
 > & {
+  className?: string;
   label?: string;
   onChange?: (text: string) => void;
   fullWidth?: boolean;
@@ -103,6 +104,7 @@ const INPUT_TYPE_PASSWORD = 'password';
 
 const TextInputComponent = (
   {
+    className,
     label,
     value,
     onChange,
@@ -160,7 +162,7 @@ const TextInputComponent = (
   };
 
   return (
-    <StyledContainer fullWidth={fullWidth ?? false}>
+    <StyledContainer className={className} fullWidth={fullWidth ?? false}>
       {label && <StyledLabel>{label + (required ? '*' : '')}</StyledLabel>}
       <StyledInputContainer>
         <StyledInput