build(deps): bump dependencies (#2454)

* build(deps): bump react-select from 4.3.1 to 5.2.2

* build(deps): bump axios from 0.21.4 to 0.25.0

* build(deps-dev): bump lint-staged from 12.2.1 to 12.2.2

Bumps [lint-staged](https://github.com/okonet/lint-staged) from 12.2.1 to 12.2.2.
- [Release notes](https://github.com/okonet/lint-staged/releases)
- [Commits](https://github.com/okonet/lint-staged/compare/v12.2.1...v12.2.2)

---
updated-dependencies:
- dependency-name: lint-staged
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

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

* build(deps-dev): bump typescript from 4.5.4 to 4.5.5

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 4.5.4 to 4.5.5.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/commits)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

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

* build(deps-dev): bump eslint-plugin-formatjs from 2.20.3 to 2.20.4

Bumps [eslint-plugin-formatjs](https://github.com/formatjs/formatjs) from 2.20.3 to 2.20.4.
- [Release notes](https://github.com/formatjs/formatjs/releases)
- [Commits](https://github.com/formatjs/formatjs/compare/eslint-plugin-formatjs@2.20.3...eslint-plugin-formatjs@2.20.4)

---
updated-dependencies:
- dependency-name: eslint-plugin-formatjs
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

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

* build(deps-dev): bump @commitlint/cli from 16.0.3 to 16.1.0

Bumps [@commitlint/cli](https://github.com/conventional-changelog/commitlint/tree/HEAD/@commitlint/cli) from 16.0.3 to 16.1.0.
- [Release notes](https://github.com/conventional-changelog/commitlint/releases)
- [Changelog](https://github.com/conventional-changelog/commitlint/blob/master/@commitlint/cli/CHANGELOG.md)
- [Commits](https://github.com/conventional-changelog/commitlint/commits/v16.1.0/@commitlint/cli)

---
updated-dependencies:
- dependency-name: "@commitlint/cli"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

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

* build(deps): bump @tanem/react-nprogress from 4.0.3 to 4.0.4

Bumps [@tanem/react-nprogress](https://github.com/tanem/react-nprogress) from 4.0.3 to 4.0.4.
- [Release notes](https://github.com/tanem/react-nprogress/releases)
- [Changelog](https://github.com/tanem/react-nprogress/blob/master/CHANGELOG.md)
- [Commits](https://github.com/tanem/react-nprogress/compare/v4.0.3...v4.0.4)

---
updated-dependencies:
- dependency-name: "@tanem/react-nprogress"
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

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

* fix: cleanup comments

* build(deps-dev): bump lint-staged from 12.2.1 to 12.3.1

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Ryan Cohen <ryan@sct.dev>

package.json

@@ -26,9 +26,9 @@
     "@heroicons/react": "^1.0.5",
     "@supercharge/request-ip": "^1.1.2",
     "@svgr/webpack": "^6.2.0",
-    "@tanem/react-nprogress": "^4.0.2",
+    "@tanem/react-nprogress": "^4.0.4",
     "ace-builds": "^1.4.13",
-    "axios": "^0.21.4",
+    "axios": "^0.25.0",
     "bcrypt": "^5.0.1",
     "bowser": "^2.11.0",
     "connect-typeorm": "^1.1.4",
@@ -59,7 +59,7 @@
     "react-intersection-observer": "^8.33.1",
     "react-intl": "5.24.3",
     "react-markdown": "^8.0.0",
-    "react-select": "^4.3.1",
+    "react-select": "^5.2.2",
     "react-spring": "^9.4.2",
     "react-toast-notifications": "^2.5.1",
     "react-transition-group": "^4.4.2",
@@ -80,7 +80,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.16.8",
-    "@commitlint/cli": "^16.0.3",
+    "@commitlint/cli": "^16.1.0",
     "@commitlint/config-conventional": "^16.0.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/commit-analyzer": "^9.0.2",
@@ -102,7 +102,6 @@
     "@types/nodemailer": "^6.4.4",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
-    "@types/react-select": "^4.0.17",
     "@types/react-transition-group": "^4.4.4",
     "@types/secure-random-password": "^0.2.1",
     "@types/swagger-ui-express": "^4.1.3",
@@ -121,14 +120,14 @@
     "eslint": "^8.7.0",
     "eslint-config-next": "^12.0.8",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-formatjs": "^2.20.3",
+    "eslint-plugin-formatjs": "^2.20.4",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "extract-react-intl-messages": "^4.1.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.2.1",
+    "lint-staged": "^12.3.1",
     "nodemon": "^2.0.15",
     "postcss": "^8.4.5",
     "prettier": "^2.5.1",
@@ -136,7 +135,7 @@
     "semantic-release-docker-buildx": "^1.0.1",
     "tailwindcss": "^3.0.15",
     "ts-node": "^10.4.0",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "resolutions": {
     "sqlite3/node-gyp": "^8.4.1"

src/components/LanguageSelector/index.tsx

@@ -1,9 +1,7 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { sortBy } from 'lodash';
-import dynamic from 'next/dynamic';
 import React, { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import type { OptionsType, OptionTypeBase } from 'react-select';
+import Select, { CSSObjectWithLabel } from 'react-select';
 import useSWR from 'swr';
 import { Language } from '../../../server/lib/settings';
 import globalMessages from '../../i18n/globalMessages';
@@ -13,8 +11,6 @@ const messages = defineMessages({
   languageServerDefault: 'Default ({language})',
 });
 
-const Select = dynamic(() => import('react-select'), { ssr: false });
-
 type OptionType = {
   value: string;
   label: string;
@@ -22,11 +18,11 @@ type OptionType = {
 };
 
 const selectStyles = {
-  multiValueLabel: (base: any, state: { data: { isFixed?: boolean } }) => {
+  multiValueLabel: (base: CSSObjectWithLabel, props: { data: OptionType }) => {
-    return state.data.isFixed ? { ...base, paddingRight: 6 } : base;
+    return props.data?.isFixed ? { ...base, paddingRight: 6 } : base;
   },
-  multiValueRemove: (base: any, state: { data: { isFixed?: boolean } }) => {
+  multiValueRemove: (base: CSSObjectWithLabel, props: { data: OptionType }) => {
-    return state.data.isFixed ? { ...base, display: 'none' } : base;
+    return props.data?.isFixed ? { ...base, display: 'none' } : base;
   },
 };
 
@@ -95,7 +91,7 @@ const LanguageSelector: React.FC<LanguageSelectorProps> = ({
   });
 
   return (
-    <Select
+    <Select<OptionType, true>
       options={options}
       isMulti
       className="react-select-container"
@@ -125,36 +121,30 @@ const LanguageSelector: React.FC<LanguageSelectorProps> = ({
               }),
               isFixed: true,
             }
-          : value?.split('|').map((code) => {
+          : (value
-              const matchedLanguage = sortedLanguages?.find(
+              ?.split('|')
-                (lang) => lang.iso_639_1 === code
+              .map((code) => {
-              );
+                const matchedLanguage = sortedLanguages?.find(
+                  (lang) => lang.iso_639_1 === code
+                );
 
-              if (!matchedLanguage) {
+                if (!matchedLanguage) {
-                return undefined;
+                  return undefined;
-              }
+                }
 
-              return {
+                return {
-                label: matchedLanguage.name,
+                  label: matchedLanguage.name,
-                value: matchedLanguage.iso_639_1,
+                  value: matchedLanguage.iso_639_1,
-              };
+                };
-            }) ?? undefined
+              })
+              .filter((option) => option !== undefined) as OptionType[])
       }
-      onChange={(
+      onChange={(value, options) => {
-        value: OptionTypeBase | OptionsType<OptionType> | null,
-        options
-      ) => {
-        if (!Array.isArray(value)) {
-          return;
-        }
-
         if (
           (options &&
             options.action === 'select-option' &&
             options.option?.value === 'server') ||
-          value?.every(
+          value.every((v) => v.value === 'server')
-            (v: { value: string; label: string }) => v.value === 'server'
-          )
         ) {
           return setFieldValue('originalLanguage', '');
         }
@@ -163,9 +153,7 @@ const LanguageSelector: React.FC<LanguageSelectorProps> = ({
           (options &&
             options.action === 'select-option' &&
             options.option?.value === 'all') ||
-          value?.every(
+          value.every((v) => v.value === 'all')
-            (v: { value: string; label: string }) => v.value === 'all'
-          )
         ) {
           return setFieldValue('originalLanguage', isUserSettings ? 'all' : '');
         }
@@ -173,7 +161,7 @@ const LanguageSelector: React.FC<LanguageSelectorProps> = ({
         setFieldValue(
           'originalLanguage',
           value
-            ?.map((lang) => lang.value)
+            .map((lang) => lang.value)
             .filter((v) => v !== 'all')
             .join('|')
         );

src/components/RequestModal/AdvancedRequester/index.tsx

@@ -3,10 +3,9 @@ import { Listbox, Transition } from '@headlessui/react';
 import { AdjustmentsIcon } from '@heroicons/react/outline';
 import { CheckIcon, ChevronDownIcon } from '@heroicons/react/solid';
 import { isEqual } from 'lodash';
-import dynamic from 'next/dynamic';
 import React, { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import type { OptionsType, OptionTypeBase } from 'react-select';
+import Select from 'react-select';
 import useSWR from 'swr';
 import type {
   ServiceCommonServer,
@@ -19,12 +18,10 @@ import { formatBytes } from '../../../utils/numberHelpers';
 import { SmallLoadingSpinner } from '../../Common/LoadingSpinner';
 
 type OptionType = {
-  value: string;
+  value: number;
   label: string;
 };
 
-const Select = dynamic(() => import('react-select'), { ssr: false });
-
 const messages = defineMessages({
   advancedoptions: 'Advanced',
   destinationserver: 'Destination Server',
@@ -474,7 +471,7 @@ const AdvancedRequester: React.FC<AdvancedRequesterProps> = ({
           (isValidating || !serverData || !!serverData?.tags?.length) && (
             <div className="mb-2">
               <label htmlFor="tags">{intl.formatMessage(messages.tags)}</label>
-              <Select
+              <Select<OptionType, true>
                 name="tags"
                 options={(serverData?.tags ?? []).map((tag) => ({
                   label: tag.label,
@@ -489,22 +486,26 @@ const AdvancedRequester: React.FC<AdvancedRequesterProps> = ({
                 }
                 className="react-select-container react-select-container-dark"
                 classNamePrefix="react-select"
-                value={selectedTags.map((tagId) => {
+                value={
-                  const foundTag = serverData?.tags.find(
+                  selectedTags
-                    (tag) => tag.id === tagId
+                    .map((tagId) => {
-                  );
+                      const foundTag = serverData?.tags.find(
-                  return {
+                        (tag) => tag.id === tagId
-                    value: foundTag?.id,
+                      );
-                    label: foundTag?.label,
+
-                  };
+                      if (!foundTag) {
-                })}
+                        return undefined;
-                onChange={(
+                      }
-                  value: OptionTypeBase | OptionsType<OptionType> | null
+
-                ) => {
+                      return {
-                  if (!Array.isArray(value)) {
+                        value: foundTag.id,
-                    return;
+                        label: foundTag.label,
-                  }
+                      };
-                  setSelectedTags(value?.map((option) => option.value));
+                    })
+                    .filter((option) => option !== undefined) as OptionType[]
+                }
+                onChange={(value) => {
+                  setSelectedTags(value.map((option) => option.value));
                 }}
                 noOptionsMessage={() =>
                   intl.formatMessage(messages.notagoptions)

src/components/Settings/RadarrModal/index.tsx

@@ -1,10 +1,9 @@
 import { PencilIcon, PlusIcon } from '@heroicons/react/solid';
 import axios from 'axios';
 import { Field, Formik } from 'formik';
-import dynamic from 'next/dynamic';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import type { OptionsType, OptionTypeBase } from 'react-select';
+import Select from 'react-select';
 import { useToasts } from 'react-toast-notifications';
 import * as Yup from 'yup';
 import type { RadarrSettings } from '../../../../server/lib/settings';
@@ -14,12 +13,10 @@ import SensitiveInput from '../../Common/SensitiveInput';
 import Transition from '../../Transition';
 
 type OptionType = {
-  value: string;
+  value: number;
   label: string;
 };
 
-const Select = dynamic(() => import('react-select'), { ssr: false });
-
 const messages = defineMessages({
   createradarr: 'Add New Radarr Server',
   create4kradarr: 'Add New 4K Radarr Server',
@@ -611,7 +608,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
                     {intl.formatMessage(messages.tags)}
                   </label>
                   <div className="form-input">
-                    <Select
+                    <Select<OptionType, true>
                       options={
                         isValidated
                           ? testResponse.tags.map((tag) => ({
@@ -631,24 +628,30 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
                       }
                       className="react-select-container"
                       classNamePrefix="react-select"
-                      value={values.tags.map((tagId) => {
+                      value={
-                        const foundTag = testResponse.tags.find(
+                        values.tags
-                          (tag) => tag.id === tagId
+                          .map((tagId) => {
-                        );
+                            const foundTag = testResponse.tags.find(
-                        return {
+                              (tag) => tag.id === tagId
-                          value: foundTag?.id,
+                            );
-                          label: foundTag?.label,
+
-                        };
+                            if (!foundTag) {
-                      })}
+                              return undefined;
-                      onChange={(
+                            }
-                        value: OptionTypeBase | OptionsType<OptionType> | null
+
-                      ) => {
+                            return {
-                        if (!Array.isArray(value)) {
+                              value: foundTag.id,
-                          return;
+                              label: foundTag.label,
-                        }
+                            };
+                          })
+                          .filter(
+                            (option) => option !== undefined
+                          ) as OptionType[]
+                      }
+                      onChange={(value) => {
                         setFieldValue(
                           'tags',
-                          value?.map((option) => option.value)
+                          value.map((option) => option.value)
                         );
                       }}
                       noOptionsMessage={() =>

src/components/Settings/SonarrModal/index.tsx

@@ -1,10 +1,9 @@
 import { PencilIcon, PlusIcon } from '@heroicons/react/solid';
 import axios from 'axios';
 import { Field, Formik } from 'formik';
-import dynamic from 'next/dynamic';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import type { OptionsType, OptionTypeBase } from 'react-select';
+import Select, { OnChangeValue } from 'react-select';
 import { useToasts } from 'react-toast-notifications';
 import * as Yup from 'yup';
 import type { SonarrSettings } from '../../../../server/lib/settings';
@@ -14,12 +13,10 @@ import SensitiveInput from '../../Common/SensitiveInput';
 import Transition from '../../Transition';
 
 type OptionType = {
-  value: string;
+  value: number;
   label: string;
 };
 
-const Select = dynamic(() => import('react-select'), { ssr: false });
-
 const messages = defineMessages({
   createsonarr: 'Add New Sonarr Server',
   create4ksonarr: 'Add New 4K Sonarr Server',
@@ -656,7 +653,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                     {intl.formatMessage(messages.tags)}
                   </label>
                   <div className="form-input">
-                    <Select
+                    <Select<OptionType, true>
                       options={
                         isValidated
                           ? testResponse.tags.map((tag) => ({
@@ -680,25 +677,29 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                       value={
                         isTesting
                           ? []
-                          : values.tags.map((tagId) => {
+                          : (values.tags
-                              const foundTag = testResponse.tags.find(
+                              .map((tagId) => {
-                                (tag) => tag.id === tagId
+                                const foundTag = testResponse.tags.find(
-                              );
+                                  (tag) => tag.id === tagId
-                              return {
+                                );
-                                value: foundTag?.id,
+
-                                label: foundTag?.label,
+                                if (!foundTag) {
-                              };
+                                  return undefined;
-                            })
+                                }
+
+                                return {
+                                  value: foundTag.id,
+                                  label: foundTag.label,
+                                };
+                              })
+                              .filter(
+                                (option) => option !== undefined
+                              ) as OptionType[])
                       }
-                      onChange={(
+                      onChange={(value: OnChangeValue<OptionType, true>) => {
-                        value: OptionTypeBase | OptionsType<OptionType> | null
-                      ) => {
-                        if (!Array.isArray(value)) {
-                          return;
-                        }
                         setFieldValue(
                           'tags',
-                          value?.map((option) => option.value)
+                          value.map((option) => option.value)
                         );
                       }}
                       noOptionsMessage={() =>
@@ -835,7 +836,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                     {intl.formatMessage(messages.animeTags)}
                   </label>
                   <div className="form-input">
-                    <Select
+                    <Select<OptionType, true>
                       options={
                         isValidated
                           ? testResponse.tags.map((tag) => ({
@@ -859,25 +860,29 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                       value={
                         isTesting
                           ? []
-                          : values.animeTags.map((tagId) => {
+                          : (values.animeTags
-                              const foundTag = testResponse.tags.find(
+                              .map((tagId) => {
-                                (tag) => tag.id === tagId
+                                const foundTag = testResponse.tags.find(
-                              );
+                                  (tag) => tag.id === tagId
-                              return {
+                                );
-                                value: foundTag?.id,
+
-                                label: foundTag?.label,
+                                if (!foundTag) {
-                              };
+                                  return undefined;
-                            })
+                                }
+
+                                return {
+                                  value: foundTag.id,
+                                  label: foundTag.label,
+                                };
+                              })
+                              .filter(
+                                (option) => option !== undefined
+                              ) as OptionType[])
                       }
-                      onChange={(
+                      onChange={(value) => {
-                        value: OptionTypeBase | OptionsType<OptionType> | null
-                      ) => {
-                        if (!Array.isArray(value)) {
-                          return;
-                        }
                         setFieldValue(
                           'animeTags',
-                          value?.map((option) => option.value)
+                          value.map((option) => option.value)
                         );
                       }}
                       noOptionsMessage={() =>

src/pages/_app.tsx

@@ -194,7 +194,12 @@ CoreApp.getInitialProps = async (initialProps) => {
         // Attempt to get the user by running a request to the local api
         const response = await axios.get<User>(
           `http://localhost:${process.env.PORT || 5055}/api/v1/auth/me`,
-          { headers: ctx.req ? { cookie: ctx.req.headers.cookie } : undefined }
+          {
+            headers:
+              ctx.req && ctx.req.headers.cookie
+                ? { cookie: ctx.req.headers.cookie }
+                : undefined,
+          }
         );
         user = response.data;
 

src/styles/globals.css

@@ -413,13 +413,17 @@
   }
 
   .react-select-container .react-select__input {
-    @apply text-base text-white border-none shadow-sm;
+    @apply text-base border-none shadow-sm ring-0;
   }
 
   .react-select-container .react-select__input input:focus {
-    @apply text-white border-none;
+    @apply border-none;
     box-shadow: none;
   }
+
+  .react-select-container .react-select__input-container {
+    @apply text-white;
+  }
 }
 
 @layer utilities {
@@ -436,15 +440,6 @@
     max-height: 100rem;
   }
 
-  .hide-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-
-  .hide-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-
   /* Hide scrollbar for Chrome, Safari and Opera */
   .hide-scrollbar::-webkit-scrollbar {
     display: none;

src/utils/plex.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import Bowser from 'bowser';
 
-interface PlexHeaders {
+interface PlexHeaders extends Record<string, string> {
   Accept: string;
   'X-Plex-Product': string;
   'X-Plex-Version': string;

yarn.lock

@@ -1021,14 +1021,14 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@commitlint/cli@^16.0.3":
+"@commitlint/cli@^16.1.0":
-  version "16.0.3"
+  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-16.0.3.tgz#003c891f68ae1a2994191ae3e1dee067d44be2cc"
+  resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-16.1.0.tgz#022ad86008374b02974c9f3faf86affb785f4574"
-  integrity sha512-SB1od4/1ek5SShNKjKgUdpqiVNulNVgCkjkV4Zz9zLKrxn3sPcgvXMQNh/wy0/T4WPUVgHrHGcxWYOYXxrGwpg==
+  integrity sha512-x5L1knvA3isRWBRVQx+Q6D45pA9139a2aZQYpxkljMG0dj4UHZkCnsYWpnGalxPxASI7nrI0KedKfS2YeQ55cQ==
   dependencies:
     "@commitlint/format" "^16.0.0"
     "@commitlint/lint" "^16.0.0"
-    "@commitlint/load" "^16.0.0"
+    "@commitlint/load" "^16.1.0"
     "@commitlint/read" "^16.0.0"
     "@commitlint/types" "^16.0.0"
     lodash "^4.17.19"
@@ -1043,10 +1043,10 @@
   dependencies:
     conventional-changelog-conventionalcommits "^4.3.1"
 
-"@commitlint/config-validator@^16.0.0":
+"@commitlint/config-validator@^16.1.0":
-  version "16.0.0"
+  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/config-validator/-/config-validator-16.0.0.tgz#61dd84895e5dcab6066ff5e21e2b9a96b0ed6323"
+  resolved "https://registry.yarnpkg.com/@commitlint/config-validator/-/config-validator-16.1.0.tgz#410979f713ed55cbb85504d46295c1fd2419dc4d"
-  integrity sha512-i80DGlo1FeC5jZpuoNV9NIjQN/m2dDV3jYGWg+1Wr+KldptkUHXj+6GY1Akll66lJ3D8s6aUGi3comPLHPtWHg==
+  integrity sha512-2cHeZPNTuf1JWbMqyA46MkExor5HMSgv8JrdmzEakUbJHUreh35/wN00FJf57qGs134exQW2thiSQ1IJUsVx2Q==
   dependencies:
     "@commitlint/types" "^16.0.0"
     ajv "^6.12.6"
@@ -1090,14 +1090,14 @@
     "@commitlint/rules" "^16.0.0"
     "@commitlint/types" "^16.0.0"
 
-"@commitlint/load@>6.1.1", "@commitlint/load@^16.0.0":
+"@commitlint/load@>6.1.1", "@commitlint/load@^16.1.0":
-  version "16.0.0"
+  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-16.0.0.tgz#4ab9f8502d0521209ce54d7cce58d419b8c35b48"
+  resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-16.1.0.tgz#7a884072ab915611080c5e99a1f1d999c05f4360"
-  integrity sha512-7WhrGCkP6K/XfjBBguLkkI2XUdiiIyMGlNsSoSqgRNiD352EiffhFEApMy1/XOU+viwBBm/On0n5p0NC7e9/4A==
+  integrity sha512-MtlEhKjP8jAF85jjX4mw8DUUwCxKsCgAc865hhpnwxjrfBcmGP7Up2AFE/M3ZMGDmSl1X1TMybQk/zohj8Cqdg==
   dependencies:
-    "@commitlint/config-validator" "^16.0.0"
+    "@commitlint/config-validator" "^16.1.0"
     "@commitlint/execute-rule" "^16.0.0"
-    "@commitlint/resolve-extends" "^16.0.0"
+    "@commitlint/resolve-extends" "^16.1.0"
     "@commitlint/types" "^16.0.0"
     chalk "^4.0.0"
     cosmiconfig "^7.0.0"
@@ -1130,12 +1130,12 @@
     fs-extra "^10.0.0"
     git-raw-commits "^2.0.0"
 
-"@commitlint/resolve-extends@^16.0.0":
+"@commitlint/resolve-extends@^16.1.0":
-  version "16.0.0"
+  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-16.0.0.tgz#2136f01d81bccc29091f2720b42c8c96aa59c56e"
+  resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-16.1.0.tgz#4b199197c45ddb436b59ef319662de6870f68fd5"
-  integrity sha512-Z/w9MAQUcxeawpCLtjmkVNXAXOmB2nhW+LYmHEZcx9O6UTauF/1+uuZ2/r0MtzTe1qw2JD+1QHVhEWYHVPlkdA==
+  integrity sha512-8182s6AFoUFX6+FT1PgQDt15nO2ogdR/EN8SYVAdhNXw1rLz8kT5saB/ICw567GuRAUgFTUMGCXy3ctMOXPEDg==
   dependencies:
-    "@commitlint/config-validator" "^16.0.0"
+    "@commitlint/config-validator" "^16.1.0"
     "@commitlint/types" "^16.0.0"
     import-fresh "^3.0.0"
     lodash "^4.17.19"
@@ -1274,7 +1274,7 @@
     "@emotion/utils" "0.11.3"
     csstype "^2.5.7"
 
-"@emotion/serialize@^1.0.0", "@emotion/serialize@^1.0.2":
+"@emotion/serialize@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
   integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
@@ -1436,10 +1436,10 @@
     tslib "^2.0.1"
     typescript "^4.0"
 
-"@formatjs/ts-transformer@3.8.2":
+"@formatjs/ts-transformer@3.9.0":
-  version "3.8.2"
+  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/@formatjs/ts-transformer/-/ts-transformer-3.8.2.tgz#67c0ad9f0f10e9b9137f26933cca4f095bab31f7"
+  resolved "https://registry.yarnpkg.com/@formatjs/ts-transformer/-/ts-transformer-3.9.0.tgz#8521388c27572d2f0cf20e1eabe006382aa69ab0"
-  integrity sha512-XWMG4DoFDdLnDKEd0qKQO+/3Kppe6vuchvYvkE0VvLNfKFfEpvJL2IGEU4hEJSK27vC99x1TsfVhMU0ODgKFZw==
+  integrity sha512-qiITJ9w6mJHqjWa+cCUogRxburQ8lbRTHloeuWQK6imm6sZkO3NHs+Zf86JWcmB2EXJBJvFabcbhrXY0vvPR5g==
   dependencies:
     "@formatjs/icu-messageformat-parser" "2.0.16"
     "@types/node" "14 || 16 || 17"
@@ -2254,10 +2254,10 @@
     lodash.merge "^4.6.2"
     lodash.uniq "^4.5.0"
 
-"@tanem/react-nprogress@^4.0.2":
+"@tanem/react-nprogress@^4.0.4":
-  version "4.0.3"
+  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/@tanem/react-nprogress/-/react-nprogress-4.0.3.tgz#c64e77ce67b967c3d5b7704148bef4dbb0c2b6a4"
+  resolved "https://registry.yarnpkg.com/@tanem/react-nprogress/-/react-nprogress-4.0.4.tgz#3949c3352291d7a9b0c10ad02b5c063c78ab9500"
-  integrity sha512-sVWDpZ2BEvfUj0X5zF9smW7lH6EfBvdJt2ytFd2WmdrvPlOh3gQKxUYau30dOe+tSw0Mk1ovA7jbSR8mvXrv6w==
+  integrity sha512-yUraeWfwbPmwXvIuH5CJ/nR4bZlL5NyAXCRRY5zBOZ7AbsZ4dXlQu63cw48vXhgkxEwRm73YXktMzGfwxxnygQ==
   dependencies:
     "@babel/runtime" "^7.16.7"
     hoist-non-react-statics "^3.3.2"
@@ -2557,24 +2557,14 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-dom@*", "@types/react-dom@^17.0.11":
+"@types/react-dom@^17.0.11":
   version "17.0.11"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.11.tgz#e1eadc3c5e86bdb5f7684e00274ae228e7bcc466"
   integrity sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==
   dependencies:
     "@types/react" "*"
 
-"@types/react-select@^4.0.17":
+"@types/react-transition-group@^4.4.0", "@types/react-transition-group@^4.4.4":
-  version "4.0.18"
-  resolved "https://registry.yarnpkg.com/@types/react-select/-/react-select-4.0.18.tgz#f907f406411afa862217a9d86c54a301367a35c1"
-  integrity sha512-uCPRMPshd96BwHuT7oCrFduiv5d6km3VwmtW7rVl9g4XetS3VoJ9nZo540LiwtQgaFcW96POwaxQDZDAyYaepg==
-  dependencies:
-    "@emotion/serialize" "^1.0.0"
-    "@types/react" "*"
-    "@types/react-dom" "*"
-    "@types/react-transition-group" "*"
-
-"@types/react-transition-group@*", "@types/react-transition-group@^4.4.4":
   version "4.4.4"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.4.tgz#acd4cceaa2be6b757db61ed7b432e103242d163e"
   integrity sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==
@@ -3182,12 +3172,12 @@ axe-core@^4.3.5:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.3.5.tgz#78d6911ba317a8262bfee292aeafcc1e04b49cc5"
   integrity sha512-WKTW1+xAzhMS5dJsxWkliixlO/PqC4VhmO9T4juNYcaTg9jzWiJsou6m5pxWYGfigWbwzJWeFY6z47a+4neRXA==
 
-axios@^0.21.4:
+axios@^0.25.0:
-  version "0.21.4"
+  version "0.25.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.25.0.tgz#349cfbb31331a9b4453190791760a8d35b093e0a"
-  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+  integrity sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==
   dependencies:
-    follow-redirects "^1.14.0"
+    follow-redirects "^1.14.7"
 
 axobject-query@^2.2.0:
   version "2.2.0"
@@ -4908,13 +4898,13 @@ eslint-module-utils@^2.7.2:
     debug "^3.2.7"
     find-up "^2.1.0"
 
-eslint-plugin-formatjs@^2.20.3:
+eslint-plugin-formatjs@^2.20.4:
-  version "2.20.3"
+  version "2.20.4"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-formatjs/-/eslint-plugin-formatjs-2.20.3.tgz#98e3c48333467bea53e718eb68cbcd8a1224081b"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-formatjs/-/eslint-plugin-formatjs-2.20.4.tgz#0ebcd6f52a01f4e90b0bffa88b904960add244c1"
-  integrity sha512-2RDqzyTFyXIytfRgm0exaM0pAfh3/gzvOmBgn9e3o5xvddlpFw+6TqGiTdHswaWL35w17I1LZEP24kMdVirofA==
+  integrity sha512-bG1+KWZUbO2AOGQiF8UHyYDllUsPNrvEi5LBHqYdwCHu7T6exzSmewzuYSQHKVy1DKGuCao7CZK7BY+LhSdTng==
   dependencies:
     "@formatjs/icu-messageformat-parser" "2.0.16"
-    "@formatjs/ts-transformer" "3.8.2"
+    "@formatjs/ts-transformer" "3.9.0"
     "@types/eslint" "8"
     "@typescript-eslint/typescript-estree" "^5.9.1"
     emoji-regex "^10.0.0"
@@ -5424,7 +5414,7 @@ fn.name@1.x.x:
   resolved "https://registry.yarnpkg.com/fn.name/-/fn.name-1.1.0.tgz#26cad8017967aea8731bc42961d04a3d5988accc"
   integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
 
-follow-redirects@^1.14.0:
+follow-redirects@^1.14.7:
   version "1.14.7"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.7.tgz#2004c02eb9436eee9a21446a6477debf17e81685"
   integrity sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==
@@ -7006,10 +6996,10 @@ linkify-it@3.0.3:
   dependencies:
     uc.micro "^1.0.1"
 
-lint-staged@^12.2.1:
+lint-staged@^12.3.1:
-  version "12.2.1"
+  version "12.3.1"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-12.2.1.tgz#e37b5a81deaabf5823f43b3aa903a70c15c9d0b3"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-12.3.1.tgz#d475b0c0d0a12d91dde58a429ac6268dea485f06"
-  integrity sha512-VCVcA9C2Vt5HHxSR4EZVZFJcQRJH984CGBeY+cJ/xed4mBd+JidbM/xbKcCq5ASaygAV0iITtdsCTnID7h/1OQ==
+  integrity sha512-Ocht/eT+4/siWOZDJpNUKcKX2UeWW/pDbohJ4gRsrafAjBi79JK8kiNVk2ciIVNKdw0Q4ABptl2nr6uQAlRImw==
   dependencies:
     cli-truncate "^3.1.0"
     colorette "^2.0.16"
@@ -7017,25 +7007,25 @@ lint-staged@^12.2.1:
     debug "^4.3.3"
     execa "^5.1.1"
     lilconfig "2.0.4"
-    listr2 "^3.13.5"
+    listr2 "^4.0.1"
     micromatch "^4.0.4"
     normalize-path "^3.0.0"
-    object-inspect "^1.11.1"
+    object-inspect "^1.12.0"
     string-argv "^0.3.1"
     supports-color "^9.2.1"
     yaml "^1.10.2"
 
-listr2@^3.13.5:
+listr2@^4.0.1:
-  version "3.14.0"
+  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.14.0.tgz#23101cc62e1375fd5836b248276d1d2b51fdbe9e"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-4.0.1.tgz#e050c1fd390276e191f582603d6e3531cd6fd2b3"
-  integrity sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==
+  integrity sha512-D65Nl+zyYHL2jQBGmxtH/pU8koPZo5C8iCNE8EoB04RwPgQG1wuaKwVbeZv9LJpiH4Nxs0FCp+nNcG8OqpniiA==
   dependencies:
     cli-truncate "^2.1.0"
     colorette "^2.0.16"
     log-update "^4.0.0"
     p-map "^4.0.0"
     rfdc "^1.3.0"
-    rxjs "^7.5.1"
+    rxjs "^7.5.2"
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
@@ -8466,7 +8456,7 @@ object-hash@^2.0.1, object-hash@^2.2.0:
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
   integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
 
-object-inspect@^1.11.0, object-inspect@^1.11.1, object-inspect@^1.9.0:
+object-inspect@^1.11.0, object-inspect@^1.12.0, object-inspect@^1.9.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
   integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
@@ -9060,7 +9050,7 @@ promzard@^0.3.0:
   dependencies:
     read "1"
 
-prop-types@^15.0.0, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.0.0, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -9338,13 +9328,6 @@ react-fast-compare@^2.0.1:
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
   integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
 
-react-input-autosize@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-3.0.0.tgz#6b5898c790d4478d69420b55441fcc31d5c50a85"
-  integrity sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==
-  dependencies:
-    prop-types "^15.5.8"
-
 react-intersection-observer@^8.33.1:
   version "8.33.1"
   resolved "https://registry.yarnpkg.com/react-intersection-observer/-/react-intersection-observer-8.33.1.tgz#8e6442cac7052ed63056e191b7539e423e7d5c64"
@@ -9401,17 +9384,17 @@ react-refresh@0.8.3:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
   integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
 
-react-select@^4.3.1:
+react-select@^5.2.2:
-  version "4.3.1"
+  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-4.3.1.tgz#389fc07c9bc7cf7d3c377b7a05ea18cd7399cb81"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.2.2.tgz#3d5edf0a60f1276fd5f29f9f90a305f0a25a5189"
-  integrity sha512-HBBd0dYwkF5aZk1zP81Wx5UsLIIT2lSvAY2JiJo199LjoLHoivjn9//KsmvQMEFGNhe58xyuOITjfxKCcGc62Q==
+  integrity sha512-miGS2rT1XbFNjduMZT+V73xbJEeMzVkJOz727F6MeAr2hKE0uUSA8Ff7vD44H32x2PD3SRB6OXTY/L+fTV3z9w==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"
     "@emotion/react" "^11.1.1"
+    "@types/react-transition-group" "^4.4.0"
     memoize-one "^5.0.0"
     prop-types "^15.6.0"
-    react-input-autosize "^3.0.0"
     react-transition-group "^4.3.0"
 
 react-spring@^9.4.2:
@@ -9885,7 +9868,7 @@ rxjs@^6.4.0:
   dependencies:
     tslib "^1.9.0"
 
-rxjs@^7.5.1:
+rxjs@^7.5.2:
   version "7.5.2"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.2.tgz#11e4a3a1dfad85dbf7fb6e33cbba17668497490b"
   integrity sha512-PwDt186XaL3QN5qXj/H9DGyHhP3/RYYgZZwqBv9Tv8rsAaiwFH1IsJJlcgD37J7UW5a6O67qX0KWKS3/pu0m4w==
@@ -11050,10 +11033,10 @@ typeorm@0.2.41:
     yargs "^17.0.1"
     zen-observable-ts "^1.0.0"
 
-typescript@^4.0, typescript@^4.4.3, typescript@^4.5, typescript@^4.5.4:
+typescript@^4.0, typescript@^4.4.3, typescript@^4.5, typescript@^4.5.5:
-  version "4.5.4"
+  version "4.5.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.4.tgz#a17d3a0263bf5c8723b9c52f43c5084edf13c2e8"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3"
-  integrity sha512-VgYs2A2QIRuGphtzFV7aQJduJ2gyfTljngLzjpfW9FoYZF6xuw1W0vW9ghCKLfcWrCFxK81CSGRAvS1pn4fIUg==
+  integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==
 
 uc.micro@^1.0.1:
   version "1.0.6"