change: textarea, formgroup

package.json

@@ -32,7 +32,7 @@
     "node": ">=18.0"
   },
   "dependencies": {
-    "@greenbone/opensight-ui-components-mantinev7": "^0.0.5-alpha7",
+    "@greenbone/opensight-ui-components-mantinev7": "^0.0.6",
     "@mantine/core": "^7.12.1",
     "@reduxjs/toolkit": "^2.3.0",
     "@sentry/react": "^8.39.0",
@@ -65,6 +65,7 @@
     "react-dom": "^18.3.1",
     "react-i18next": "^15.1.1",
     "react-redux": "^9.1.2",
+    "react-rnd": "^10.4.13",
     "react-router-dom": "^6.28.0",
     "redux": "^5.0.1",
     "redux-logger": "^3.0.6",

src/web/components/form/formgroup.jsx

@@ -26,7 +26,7 @@ const FormGroup = ({
     <Column
       align="stretch"
       justify="flex-start"
-      gap="0"
+      gap="8"
       data-testid={dataTestId}
     >
       {isDefined(title) && <Label>{title}</Label>}
@@ -36,6 +36,7 @@ const FormGroup = ({
 };
 
 FormGroup.propTypes = {
+  children: PropTypes.node,
   'data-testid': PropTypes.string,
   direction: PropTypes.oneOf(['row', 'column']),
   gap: PropTypes.string,

src/web/components/form/textarea.jsx

@@ -24,9 +24,11 @@ const TextArea = ({
   placeholder,
   title,
   value,
+  classNames,
   ...props
 }) => {
   const handleChange = useValueChange({disabled, name, onChange});
+
   return (
     <GreenboneTextArea
       {...props}
@@ -40,6 +42,10 @@ const TextArea = ({
       value={value}
       placeholder={placeholder}
       onChange={handleChange}
+      classNames={{
+        input: `default-input-class ${classNames?.input || ''}`,
+      }}
+      resize="vertical"
     />
   );
 };
@@ -55,6 +61,7 @@ TextArea.propTypes = {
   title: PropTypes.string,
   value: PropTypes.string,
   onChange: PropTypes.func,
+  classNames: PropTypes.object,
 };
 
 export default TextArea;