chore: Update client dependencies

client/src/components/activities/BoardActivitiesModal/Item.jsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import { useTranslation, Trans } from 'react-i18next';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Comment } from 'semantic-ui-react';
 
 import selectors from '../../../selectors';

client/src/components/boards/Boards/Item.jsx

@@ -7,7 +7,7 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Draggable } from 'react-beautiful-dnd';
 import { Button, Icon } from 'semantic-ui-react';
 

client/src/components/cards/Card/TaskList/Task.jsx

@@ -7,7 +7,7 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Icon } from 'semantic-ui-react';
 
 import selectors from '../../../../selectors';

client/src/components/common/Header/Header.jsx

@@ -6,7 +6,7 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Button, Icon, Menu } from 'semantic-ui-react';
 import { usePopup } from '../../../lib/popup';
 

client/src/components/common/Root.jsx

@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
-import { Route, Routes } from 'react-router-dom';
+import { Route, Routes } from 'react-router';
 import { ThemeProvider, ToasterProvider } from '@gravity-ui/uikit';
 // eslint-disable-next-line import/no-unresolved
 import { toaster } from '@gravity-ui/uikit/toaster-singleton';

client/src/components/notifications/NotificationsStep/Item.jsx

@@ -8,7 +8,7 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTranslation, Trans } from 'react-i18next';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Button } from 'semantic-ui-react';
 
 import selectors from '../../../selectors';

client/src/components/projects/ProjectCard/ProjectCard.jsx

@@ -9,7 +9,7 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Button, Icon } from 'semantic-ui-react';
 
 import selectors from '../../../selectors';

client/src/components/task-lists/TaskList/Task/Task.jsx

@@ -8,7 +8,7 @@ import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Draggable } from 'react-beautiful-dnd';
 import { Button, Checkbox, Icon } from 'semantic-ui-react';
 import { useDidUpdate } from '../../../../lib/hooks';

client/src/lib/redux-router/ReduxRouter.jsx

@@ -6,7 +6,7 @@
 import React, { useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
-import { Router } from 'react-router-dom';
+import { Router } from 'react-router';
 
 import { handleLocationChange } from './actions';
 

client/src/styles.module.scss

@@ -43,15 +43,9 @@
       color: #444444;
       font-size: 14px;
       font-family: "Nunitoga", "Helvetica Neue", Arial, Helvetica, sans-serif;
-      // font-weight: normal;
-      width: 100%;
       padding-bottom: 8px;
     }
 
-    .react-datepicker__month-container {
-      width: 100%;
-    }
-
     .react-datepicker__current-month,
     .react-datepicker-time__header {
       color: #444;
@@ -72,11 +66,7 @@
     .react-datepicker__day,
     .react-datepicker__time-name {
       color: #444;
-      display: inline-block;
       width: 40px;
-      font-weight: normal;
-      line-height: 28px;
-      text-align: center;
       margin: 0;
       border-style: solid;
       border-width: 0 0 1px 1px;
@@ -87,7 +77,6 @@
     .react-datepicker__day--in-selecting-range,
     .react-datepicker__day--in-range {
       border-radius: 0;
-      background: #216ba5;
       color: #fff;
     }
 
@@ -102,12 +91,11 @@
     }
 
     .react-datepicker__day--outside-month {
-      color: transparent;
-      background: #f5f6f7;
+      color: rgba(68, 68, 68, 0.3);
     }
 
     .react-datepicker__month {
-      margin: 0.4rem 0 0;
+      margin: 8px 0 0;
     }
 
     .react-datepicker__navigation--previous,
@@ -117,16 +105,13 @@
 
     .react-datepicker__navigation--previous {
       left: 0;
-      border-right-color: #999;
     }
 
     .react-datepicker__navigation--next {
       right: 0;
-      border-left-color: #999;
     }
 
     .react-datepicker__navigation {
-      border-width: 7px 9px;
       top: 0;
     }
 

client/src/utils/match-paths.js

@@ -3,7 +3,7 @@
  * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
  */
 
-import { matchPath } from 'react-router-dom';
+import { matchPath } from 'react-router';
 
 export default (pathname, paths) => {
   for (let i = 0; i < paths.length; i += 1) {