Improve diverse form features

- General responsiveness
- Resize select component
- Fix datepicker for dark themes
- Make success notification configurable

Committed-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
Co-authored-by: René Pfeuffer <rene.pfeuffer@cloudogu.com>

Reviewed-by: Rene Pfeuffer <rene.pfeuffer@cloudogu.com>

scm-ui/ui-forms/src/FormRow.tsx

@@ -24,26 +24,13 @@
 
 import React, { HTMLProps } from "react";
 import classNames from "classnames";
-import styled from "styled-components";
-
-const FormRowDiv = styled.div`
-  .field {
-    margin-left: 0;
-  }
-
-  gap: 1rem;
-
-  &:not(:last-child) {
-    margin-bottom: 1rem;
-  }
-`;
 
 const FormRow = React.forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(
   ({ className, children, hidden, ...rest }, ref) =>
     hidden ? null : (
-      <FormRowDiv ref={ref} className={classNames("is-flex is-flex-wrap-wrap", className)} {...rest}>
+      <div ref={ref} className={classNames("columns", className)} {...rest}>
         {children}
-      </FormRowDiv>
+      </div>
     )
 );