feat: tooltip foundation (#2950)

* feat: add foundation for tooltips

* fix: add lang

* refactor: remove React import where no longer necessary

src/pages/404.tsx

@@ -1,6 +1,6 @@
 import { ArrowCircleRightIcon } from '@heroicons/react/outline';
 import Link from 'next/link';
-import React from 'react';
+
 import { defineMessages, useIntl } from 'react-intl';
 import PageTitle from '../components/Common/PageTitle';
 

src/pages/_app.tsx

@@ -2,7 +2,8 @@ import axios from 'axios';
 import type { AppInitialProps, AppProps } from 'next/app';
 import App from 'next/app';
 import Head from 'next/head';
-import React, { useEffect, useState } from 'react';
+
+import { useEffect, useState } from 'react';
 import { IntlProvider } from 'react-intl';
 import { ToastProvider } from 'react-toast-notifications';
 import { SWRConfig } from 'swr';

src/pages/_document.tsx

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

src/pages/_error.tsx

@@ -1,7 +1,7 @@
 import { ArrowCircleRightIcon } from '@heroicons/react/outline';
 import type { NextPage } from 'next';
 import Link from 'next/link';
-import React from 'react';
+
 import { defineMessages, useIntl } from 'react-intl';
 import PageTitle from '../components/Common/PageTitle';
 import type { Undefinable } from '../utils/typeHelpers';

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

@@ -1,6 +1,6 @@
 import axios from 'axios';
 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,4 +1,3 @@
-import React from 'react';
 import type { NextPage } from 'next';
 import DiscoverMovieGenre from '../../../../../components/Discover/DiscoverMovieGenre';
 

src/pages/discover/movies/genres.tsx

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

src/pages/discover/movies/index.tsx

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

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

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

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

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

src/pages/discover/movies/upcoming.tsx

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

src/pages/discover/trending.tsx

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

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

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

src/pages/discover/tv/genres.tsx

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

src/pages/discover/tv/index.tsx

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

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

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

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

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

src/pages/discover/tv/upcoming.tsx

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

src/pages/index.tsx

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

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

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

src/pages/issues/index.tsx

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

src/pages/login/index.tsx

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

src/pages/login/plex/loading.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import LoadingSpinner from '../../../components/Common/LoadingSpinner';
 
 const PlexLoading = () => {

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

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

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

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

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

@@ -1,6 +1,6 @@
 import axios from 'axios';
 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,4 +1,3 @@
-import React from 'react';
 import type { NextPage } from 'next';
 import MovieRecommendations from '../../../components/MovieDetails/MovieRecommendations';
 

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

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

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

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

src/pages/profile/index.tsx

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

src/pages/profile/settings/index.tsx

@@ -1,5 +1,5 @@
 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,5 +1,5 @@
 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,5 +1,5 @@
 import type { NextPage } from 'next';
-import React from 'react';
+
 import UserSettings from '../../../../components/UserProfile/UserSettings';
 import UserNotificationSettings from '../../../../components/UserProfile/UserSettings/UserNotificationSettings';
 import UserNotificationsDiscord from '../../../../components/UserProfile/UserSettings/UserNotificationSettings/UserNotificationsDiscord';

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

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

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

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

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

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

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

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

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

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

src/pages/profile/settings/password.tsx

@@ -1,5 +1,5 @@
 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,5 +1,5 @@
 import type { NextPage } from 'next';
-import React from 'react';
+
 import UserSettings from '../../../components/UserProfile/UserSettings';
 import UserPermissions from '../../../components/UserProfile/UserSettings/UserPermissions';
 

src/pages/requests/index.tsx

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

src/pages/resetpassword/[guid]/index.tsx

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

src/pages/resetpassword/index.tsx

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

src/pages/search.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Search from '../components/Search';
 
 const SearchPage = () => {

src/pages/settings/about.tsx

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

src/pages/settings/index.tsx

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

src/pages/settings/jobs.tsx

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

src/pages/settings/logs.tsx

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

src/pages/settings/main.tsx

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

src/pages/settings/notifications/discord.tsx

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

src/pages/settings/notifications/email.tsx

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

src/pages/settings/notifications/gotify.tsx

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

src/pages/settings/notifications/lunasea.tsx

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

src/pages/settings/notifications/pushbullet.tsx

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

src/pages/settings/notifications/pushover.tsx

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

src/pages/settings/notifications/slack.tsx

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

src/pages/settings/notifications/telegram.tsx

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

src/pages/settings/notifications/webhook.tsx

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

src/pages/settings/notifications/webpush.tsx

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

src/pages/settings/plex.tsx

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

src/pages/settings/services.tsx

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

src/pages/settings/users.tsx

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

src/pages/setup.tsx

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import axios from 'axios';
 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,4 +1,3 @@
-import React from 'react';
 import type { NextPage } from 'next';
 import TvRecommendations from '../../../components/TvDetails/TvRecommendations';
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

src/pages/users/index.tsx

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