build(deps): update dependencies and update relevant files

src/components/Common/Table/index.tsx

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, AllHTMLAttributes } from 'react';
+import React, { AllHTMLAttributes } from 'react';
 import { withProperties } from '../../../utils/typeHelpers';
 
 const TBody: React.FC = ({ children }) => {
@@ -20,7 +20,11 @@ const TH: React.FC<AllHTMLAttributes<HTMLTableHeaderCellElement>> = ({
     style.push(className);
   }
 
-  return <th className={style.join(' ')}>{children}</th>;
+  return (
+    <th className={style.join(' ')} {...props}>
+      {children}
+    </th>
+  );
 };
 
 interface TDProps extends AllHTMLAttributes<HTMLTableCellElement> {

src/components/Discover/index.tsx

@@ -7,13 +7,11 @@ import type {
 } from '../../../server/models/Search';
 import TitleCard from '../TitleCard';
 import PersonCard from '../PersonCard';
-import { MediaRequest } from '../../../server/entity/MediaRequest';
 import TmdbTitleCard from '../TitleCard/TmdbTitleCard';
 import Slider from '../Slider';
 import Link from 'next/link';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { LanguageContext } from '../../context/LanguageContext';
-import type Media from '../../../server/entity/Media';
 import type { MediaResultsResponse } from '../../../server/interfaces/api/mediaInterfaces';
 import type { RequestResultsResponse } from '../../../server/interfaces/api/requestInterfaces';
 import RequestCard from '../RequestCard';

src/components/RequestCard/index.tsx

@@ -1,14 +1,11 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext } from 'react';
 import { useInView } from 'react-intersection-observer';
 import type { MediaRequest } from '../../../server/entity/MediaRequest';
 import type { TvDetails } from '../../../server/models/Tv';
 import type { MovieDetails } from '../../../server/models/Movie';
 import useSWR from 'swr';
 import { LanguageContext } from '../../context/LanguageContext';
-import {
-  MediaStatus,
-  MediaRequestStatus,
-} from '../../../server/constants/media';
+import { MediaRequestStatus } from '../../../server/constants/media';
 import Badge from '../Common/Badge';
 import { useUser, Permission } from '../../hooks/useUser';
 import axios from 'axios';

src/components/RequestList/RequestItem/index.tsx

@@ -50,11 +50,12 @@ const RequestItem: React.FC<RequestItemProps> = ({ request, onDelete }) => {
   const { data: title, error } = useSWR<MovieDetails | TvDetails>(
     inView ? `${url}?language=${locale}` : null
   );
-  const { data: requestData, error: requestError, revalidate } = useSWR<
-    MediaRequest
-  >(`/api/v1/request/${request.id}`, {
-    initialData: request,
-  });
+  const { data: requestData, revalidate } = useSWR<MediaRequest>(
+    `/api/v1/request/${request.id}`,
+    {
+      initialData: request,
+    }
+  );
 
   const modifyRequest = async (type: 'approve' | 'decline') => {
     const response = await axios.get(`/api/v1/request/${request.id}/${type}`);

src/components/RequestModal/TvRequestModal.tsx

@@ -11,10 +11,10 @@ import {
   MediaStatus,
   MediaRequestStatus,
 } from '../../../server/constants/media';
-import { TvDetails, SeasonWithEpisodes } from '../../../server/models/Tv';
-import type SeasonRequest from '../../../server/entity/SeasonRequest';
+import { TvDetails } from '../../../server/models/Tv';
 import Badge from '../Common/Badge';
 import globalMessages from '../../i18n/globalMessages';
+import SeasonRequest from '../../../server/entity/SeasonRequest';
 
 const messages = defineMessages({
   requestadmin: 'Your request will be immediately approved.',

src/components/RequestModal/index.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
-import useSWR from 'swr';
 import MovieRequestModal from './MovieRequestModal';
-import type { MediaRequest } from '../../../server/entity/MediaRequest';
 import type { MediaStatus } from '../../../server/constants/media';
 import TvRequestModal from './TvRequestModal';
-import { useTransition, animated } from 'react-spring';
+import { useTransition } from 'react-spring';
 
 interface RequestModalProps {
   show: boolean;
@@ -21,7 +19,6 @@ const RequestModal: React.FC<RequestModalProps> = ({
   show,
   tmdbId,
   onComplete,
-  onError,
   onUpdating,
   onCancel,
 }) => {

src/components/Settings/Notifications/NotificationsDiscord.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Field, Form, Formik } from 'formik';
 import useSWR from 'swr';
 import LoadingSpinner from '../../Common/LoadingSpinner';

src/components/Settings/Notifications/NotificationsEmail.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Field, Form, Formik } from 'formik';
 import useSWR from 'swr';
 import LoadingSpinner from '../../Common/LoadingSpinner';

src/components/Settings/RadarrModal/index.tsx

@@ -226,7 +226,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
               okText={
                 isSubmitting
                   ? intl.formatMessage(messages.saving)
-                  : !!radarr
+                  : radarr
                   ? intl.formatMessage(messages.save)
                   : intl.formatMessage(messages.add)
               }

src/components/Settings/SettingsLayout.tsx

@@ -80,7 +80,7 @@ const SettingsLayout: React.FC = ({ children }) => {
       <Link href={route}>
         <a
           className={`whitespace-nowrap ml-8 first:ml-0 py-4 px-1 border-b-2 border-transparent font-medium text-sm leading-5 ${
-            !!router.pathname.match(regex) ? activeLinkColor : inactiveLinkColor
+            router.pathname.match(regex) ? activeLinkColor : inactiveLinkColor
           }`}
           aria-current="page"
         >

src/components/Settings/SettingsMain.tsx

@@ -56,7 +56,7 @@ const SettingsMain: React.FC = () => {
             }
           }}
         >
-          {({ errors, touched, isSubmitting }) => {
+          {({ isSubmitting }) => {
             return (
               <Form>
                 <div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800 sm:pt-5">

src/components/Settings/SettingsNotifications.tsx

@@ -49,7 +49,7 @@ const SettingsNotifications: React.FC = ({ children }) => {
       <Link href={route}>
         <a
           className={`whitespace-nowrap ml-8 first:ml-0 px-3 py-2 font-medium text-sm rounded-md ${
-            !!router.pathname.match(regex) ? activeLinkColor : inactiveLinkColor
+            router.pathname.match(regex) ? activeLinkColor : inactiveLinkColor
           }`}
           aria-current="page"
         >

src/components/Settings/SonarrModal/index.tsx

@@ -229,7 +229,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
               okText={
                 isSubmitting
                   ? intl.formatMessage(messages.saving)
-                  : !!sonarr
+                  : sonarr
                   ? intl.formatMessage(messages.save)
                   : intl.formatMessage(messages.add)
               }