chore(deps): update react to 18 (#2943)

src/pages/404.tsx

@@ -10,7 +10,7 @@ const messages = defineMessages({
   returnHome: 'Return Home',
 });
 
-const Custom404: React.FC = () => {
+const Custom404 = () => {
   const intl = useIntl();
 
   return (

src/pages/_app.tsx

@@ -21,6 +21,7 @@ import { SettingsProvider } from '../context/SettingsContext';
 import { UserContext } from '../context/UserContext';
 import type { User } from '../hooks/useUser';
 import '../styles/globals.css';
+import { polyfillIntl } from '../utils/polyfillIntl';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
@@ -241,6 +242,7 @@ CoreApp.getInitialProps = async (initialProps) => {
     : currentSettings.locale;
 
   const messages = await loadLocaleData(locale as AvailableLocale);
+  await polyfillIntl(locale);
 
   return { ...appInitialProps, user, messages, locale, currentSettings };
 };

src/pages/login/plex/loading.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import LoadingSpinner from '../../../components/Common/LoadingSpinner';
 
-const PlexLoading: React.FC = () => {
+const PlexLoading = () => {
   return (
     <div>
       <LoadingSpinner />

src/pages/search.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Search from '../components/Search';
 
-const SearchPage: React.FC = () => {
+const SearchPage = () => {
   return <Search />;
 };