added Support for Jellyfin Media Server

src/pages/_app.tsx

@@ -5,6 +5,7 @@ import React, { useEffect, useState } from 'react';
 import { IntlProvider } from 'react-intl';
 import { ToastProvider } from 'react-toast-notifications';
 import { SWRConfig } from 'swr';
+import { MediaServerType } from '../../server/constants/server';
 import { PublicSettingsResponse } from '../../server/interfaces/api/settingsInterfaces';
 import Layout from '../components/Layout';
 import LoadingBar from '../components/LoadingBar';
@@ -165,6 +166,7 @@ CoreApp.getInitialProps = async (initialProps) => {
     localLogin: true,
     region: '',
     originalLanguage: '',
+    mediaServerType: MediaServerType.NOT_CONFIGURED,
     partialRequestsEnabled: true,
     cacheImages: false,
     vapidPublic: '',

src/pages/settings/jellyfin.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { NextPage } from 'next';
+import SettingsLayout from '../../components/Settings/SettingsLayout';
+import SettingsJellyfin from '../../components/Settings/SettingsJellyfin';
+import { Permission } from '../../hooks/useUser';
+import useRouteGuard from '../../hooks/useRouteGuard';
+
+const JellyfinSettingsPage: NextPage = () => {
+  useRouteGuard(Permission.MANAGE_SETTINGS);
+  return (
+    <SettingsLayout>
+      <SettingsJellyfin />
+    </SettingsLayout>
+  );
+};
+
+export default JellyfinSettingsPage;