Bump @testing-library/user-event from 14.4.3 to 14.5.1 (#592)

* Bump @testing-library/user-event from 14.4.3 to 14.5.1

Bumps [@testing-library/user-event](https://github.com/testing-library/user-event) from 14.4.3 to 14.5.1.
- [Release notes](https://github.com/testing-library/user-event/releases)
- [Changelog](https://github.com/testing-library/user-event/blob/main/CHANGELOG.md)
- [Commits](testing-library/user-event@v14.4.3...v14.5.1)

---
updated-dependencies:
- dependency-name: "@testing-library/user-event"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Change props to be readonly.

* Fix linter issues.

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Marc Görtz <mail@marcgoertz.de>

package.json

@@ -13,7 +13,7 @@
     "@storybook/react": "^7.4.5",
     "@storybook/react-webpack5": "^7.4.5",
     "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/user-event": "^14.5.1",
     "@types/jest": "^29.5.4",
     "babel-jest": "^29.5.0",
     "babel-loader": "^9.1.3",

src/chat/index.tsx

@@ -9,7 +9,7 @@ import {format, formatRelative} from 'date-fns';
 import {isoDate} from '../constants/date-formats';
 
 type Props = {
-  history?: Array<{
+  readonly history?: Array<{
     content: string;
     name?: string;
     timestamp?: Date;

src/datetime/index.tsx

@@ -17,7 +17,7 @@ import {
 } from '../constants/date-formats';
 
 type Props = {
-  dateTime: Date | number;
+  readonly dateTime: Date | number;
 };
 
 const Wrapper = styled.time`

src/hamburger-button/index.tsx

@@ -19,10 +19,10 @@ type LinesProps = {
 };
 
 type Props = {
-  label?: string;
-  labelActive?: string;
-  id?: string;
-  position: Position;
+  readonly label?: string;
+  readonly labelActive?: string;
+  readonly id?: string;
+  readonly position: Position;
 };
 
 const Input = styled.input<{$position: Position}>`

src/hamburger-button/tests/index.test.tsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 import {render} from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import {userEvent} from '@testing-library/user-event';
 import HamburgerButton from '..';
 
 describe('<HamburgerButton />', () => {

src/logo/index.tsx

@@ -7,10 +7,10 @@ import React, {StrictMode} from 'react';
 import {styled} from 'styled-components';
 
 type Props = {
-  title?: string;
-  url?: string;
-  urlRelations?: string[];
-  solidColor?: string;
+  readonly title?: string;
+  readonly url?: string;
+  readonly urlRelations?: string[];
+  readonly solidColor?: string;
 };
 
 const Svg = styled.svg`