refactor: update a few dev deps and convert to using type imports where possible (#2886)

* build: bump deps and add some new eslint rules

* refactor: run eslint --fix on code to convert to type imports where possible

src/pages/_app.tsx

@@ -1,11 +1,12 @@
 import axios from 'axios';
-import App, { AppInitialProps, AppProps } from 'next/app';
+import type { AppInitialProps, AppProps } from 'next/app';
+import App from 'next/app';
 import Head from 'next/head';
 import React, { useEffect, useState } from 'react';
 import { IntlProvider } from 'react-intl';
 import { ToastProvider } from 'react-toast-notifications';
 import { SWRConfig } from 'swr';
-import { PublicSettingsResponse } from '../../server/interfaces/api/settingsInterfaces';
+import type { PublicSettingsResponse } from '../../server/interfaces/api/settingsInterfaces';
 import Layout from '../components/Layout';
 import LoadingBar from '../components/LoadingBar';
 import PWAHeader from '../components/PWAHeader';
@@ -14,10 +15,11 @@ import StatusChecker from '../components/StatusChacker';
 import Toast from '../components/Toast';
 import ToastContainer from '../components/ToastContainer';
 import { InteractionProvider } from '../context/InteractionContext';
-import { AvailableLocale, LanguageContext } from '../context/LanguageContext';
+import type { AvailableLocale } from '../context/LanguageContext';
+import { LanguageContext } from '../context/LanguageContext';
 import { SettingsProvider } from '../context/SettingsContext';
 import { UserContext } from '../context/UserContext';
-import { User } from '../hooks/useUser';
+import type { User } from '../hooks/useUser';
 import '../styles/globals.css';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/pages/_document.tsx

@@ -1,11 +1,5 @@
-import Document, {
-  DocumentContext,
-  DocumentInitialProps,
-  Head,
-  Html,
-  Main,
-  NextScript,
-} from 'next/document';
+import type { DocumentContext, DocumentInitialProps } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
 import React from 'react';
 
 class MyDocument extends Document {

src/pages/collection/[collectionId]/index.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { GetServerSideProps, NextPage } from 'next';
+import type { GetServerSideProps, NextPage } from 'next';
 import React from 'react';
 import type { Collection } from '../../../../server/models/Collection';
 import CollectionDetails from '../../../components/CollectionDetails';

src/pages/discover/movies/genre/[genreId]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverMovieGenre from '../../../../../components/Discover/DiscoverMovieGenre';
 
 const DiscoverMoviesGenrePage: NextPage = () => {

src/pages/discover/movies/genres.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import MovieGenreList from '../../../components/Discover/MovieGenreList';
 
 const MovieGenresPage: NextPage = () => {

src/pages/discover/movies/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverMovies from '../../../components/Discover/DiscoverMovies';
 
 const DiscoverMoviesPage: NextPage = () => {

src/pages/discover/movies/language/[language]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverMovieLanguage from '../../../../../components/Discover/DiscoverMovieLanguage';
 
 const DiscoverMovieLanguagePage: NextPage = () => {

src/pages/discover/movies/studio/[studioId]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverMovieStudio from '../../../../../components/Discover/DiscoverStudio';
 
 const DiscoverMoviesStudioPage: NextPage = () => {

src/pages/discover/movies/upcoming.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import UpcomingMovies from '../../../components/Discover/Upcoming';
 
 const UpcomingMoviesPage: NextPage = () => {

src/pages/discover/tv/genre/[genreId]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverTvGenre from '../../../../../components/Discover/DiscoverTvGenre';
 
 const DiscoverTvGenrePage: NextPage = () => {

src/pages/discover/tv/genres.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import TvGenreList from '../../../components/Discover/TvGenreList';
 
 const TvGenresPage: NextPage = () => {

src/pages/discover/tv/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverTv from '../../../components/Discover/DiscoverTv';
 
 const DiscoverTvPage: NextPage = () => {

src/pages/discover/tv/language/[language]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverTvLanguage from '../../../../../components/Discover/DiscoverTvLanguage';
 
 const DiscoverTvLanguagePage: NextPage = () => {

src/pages/discover/tv/network/[networkId]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverNetwork from '../../../../../components/Discover/DiscoverNetwork';
 
 const DiscoverTvNetworkPage: NextPage = () => {

src/pages/discover/tv/upcoming.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import DiscoverTvUpcoming from '../../../components/Discover/DiscoverTvUpcoming';
 
 const DiscoverTvPage: NextPage = () => {

src/pages/issues/[issueId]/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import IssueDetails from '../../../components/IssueDetails';
 import useRouteGuard from '../../../hooks/useRouteGuard';

src/pages/issues/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import IssueList from '../../components/IssueList';
 import useRouteGuard from '../../hooks/useRouteGuard';

src/pages/movie/[movieId]/cast.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import MovieCast from '../../../components/MovieDetails/MovieCast';
 

src/pages/movie/[movieId]/crew.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import MovieCrew from '../../../components/MovieDetails/MovieCrew';
 

src/pages/movie/[movieId]/index.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import type { MovieDetails as MovieDetailsType } from '../../../../server/models/Movie';
 import MovieDetails from '../../../components/MovieDetails';

src/pages/movie/[movieId]/recommendations.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import MovieRecommendations from '../../../components/MovieDetails/MovieRecommendations';
 
 const MovieRecommendationsPage: NextPage = () => {

src/pages/movie/[movieId]/similar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import MovieSimilar from '../../../components/MovieDetails/MovieSimilar';
 
 const MovieSimilarPage: NextPage = () => {

src/pages/person/[personId]/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import PersonDetails from '../../../components/PersonDetails';
 
 const MoviePage: NextPage = () => {

src/pages/profile/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserProfile from '../../components/UserProfile';
 

src/pages/profile/settings/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../components/UserProfile/UserSettings';
 import UserGeneralSettings from '../../../components/UserProfile/UserSettings/UserGeneralSettings';

src/pages/profile/settings/main.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../components/UserProfile/UserSettings';
 import UserGeneralSettings from '../../../components/UserProfile/UserSettings/UserGeneralSettings';

src/pages/profile/settings/notifications/discord.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/notifications/email.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/notifications/pushbullet.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/notifications/pushover.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/notifications/telegram.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/notifications/webpush.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/profile/settings/password.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../components/UserProfile/UserSettings';
 import UserPasswordChange from '../../../components/UserProfile/UserSettings/UserPasswordChange';

src/pages/profile/settings/permissions.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../components/UserProfile/UserSettings';
 import UserPermissions from '../../../components/UserProfile/UserSettings/UserPermissions';

src/pages/settings/about.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import SettingsAbout from '../../components/Settings/SettingsAbout';
 import SettingsLayout from '../../components/Settings/SettingsLayout';

src/pages/settings/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import SettingsLayout from '../../components/Settings/SettingsLayout';
 import SettingsMain from '../../components/Settings/SettingsMain';
 import useRouteGuard from '../../hooks/useRouteGuard';

src/pages/settings/logs.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import SettingsLayout from '../../components/Settings/SettingsLayout';
 import SettingsLogs from '../../components/Settings/SettingsLogs';

src/pages/settings/main.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import SettingsLayout from '../../components/Settings/SettingsLayout';
 import SettingsMain from '../../components/Settings/SettingsMain';
 import { Permission } from '../../hooks/useUser';

src/pages/settings/notifications/discord.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsDiscord from '../../../components/Settings/Notifications/NotificationsDiscord';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/email.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsEmail from '../../../components/Settings/Notifications/NotificationsEmail';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/gotify.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsGotify from '../../../components/Settings/Notifications/NotificationsGotify';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/lunasea.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsLunaSea from '../../../components/Settings/Notifications/NotificationsLunaSea';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/pushbullet.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsPushbullet from '../../../components/Settings/Notifications/NotificationsPushbullet';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/pushover.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsPushover from '../../../components/Settings/Notifications/NotificationsPushover';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/slack.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsSlack from '../../../components/Settings/Notifications/NotificationsSlack';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/telegram.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsTelegram from '../../../components/Settings/Notifications/NotificationsTelegram';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/webhook.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsWebhook from '../../../components/Settings/Notifications/NotificationsWebhook';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/notifications/webpush.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import NotificationsWebPush from '../../../components/Settings/Notifications/NotificationsWebPush';
 import SettingsLayout from '../../../components/Settings/SettingsLayout';

src/pages/settings/users.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import SettingsLayout from '../../components/Settings/SettingsLayout';
 import SettingsUsers from '../../components/Settings/SettingsUsers';
 import { Permission } from '../../hooks/useUser';

src/pages/setup.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import Setup from '../components/Setup';
 
 const SetupPage: NextPage = () => {

src/pages/tv/[tvId]/cast.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import TvCast from '../../../components/TvDetails/TvCast';
 

src/pages/tv/[tvId]/crew.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import TvCrew from '../../../components/TvDetails/TvCrew';
 

src/pages/tv/[tvId]/index.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import type { TvDetails as TvDetailsType } from '../../../../server/models/Tv';
 import TvDetails from '../../../components/TvDetails';

src/pages/tv/[tvId]/recommendations.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import TvRecommendations from '../../../components/TvDetails/TvRecommendations';
 
 const TvRecommendationsPage: NextPage = () => {

src/pages/tv/[tvId]/similar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import TvSimilar from '../../../components/TvDetails/TvSimilar';
 
 const TvSimilarPage: NextPage = () => {

src/pages/users/[userId]/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserProfile from '../../../components/UserProfile';
 

src/pages/users/[userId]/requests.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import RequestList from '../../../components/RequestList';
 import useRouteGuard from '../../../hooks/useRouteGuard';

src/pages/users/[userId]/settings/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserGeneralSettings from '../../../../components/UserProfile/UserSettings/UserGeneralSettings';

src/pages/users/[userId]/settings/main.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserGeneralSettings from '../../../../components/UserProfile/UserSettings/UserGeneralSettings';

src/pages/users/[userId]/settings/notifications/discord.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/notifications/email.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/notifications/pushbullet.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/notifications/pushover.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/notifications/telegram.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/notifications/webpush.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../../components/UserProfile/UserSettings/UserNotificationSettings';

src/pages/users/[userId]/settings/password.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserPasswordChange from '../../../../components/UserProfile/UserSettings/UserPasswordChange';

src/pages/users/[userId]/settings/permissions.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import React from 'react';
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserPermissions from '../../../../components/UserProfile/UserSettings/UserPermissions';