feat: login Dialog Component - Replaced class by func. comp + added react-hook-form (#341)

* refactor: convert class to func

* refactor: changed login form logic

* refactor: conver to testing-library tests

* refactor: moved dependency

* refactor: replaced uglifyjs-webpack-plugin by terser-webpack-plugin

* fix: fixed e2e errors

* fix: fixed e2e test

* Delete settings.json

* fix: vscode settings rollback

* refactor: rollback webpack config

* refactor: updated eslint rule

* fix: removed --fix

* refactor: incresed the bundle size

src/components/LoginDialog/LoginDialogCloseButton.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import CloseIcon from '@material-ui/icons/Close';
+
+import DialogTitle from '../../muiComponents/DialogTitle';
+import IconButton from '../../muiComponents/IconButton';
+import { Theme } from '../../design-tokens/theme';
+
+const StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({
+  position: 'absolute',
+  right: theme.spacing() / 2,
+  top: theme.spacing() / 2,
+  color: theme.palette.grey[500],
+}));
+
+interface Props {
+  onClose: () => void;
+}
+
+const LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => (
+  <DialogTitle>
+    <StyledIconButton data-testid="close-login-dialog-button" onClick={onClose}>
+      <CloseIcon titleAccess="Close Dialog" />
+    </StyledIconButton>
+  </DialogTitle>
+);
+
+export default LoginDialogCloseButton;