Fix type issues from to App.tsx

Author: AuroraLS3

Plan/react/dashboard/src/App.tsx

@@ -92,17 +92,17 @@ const ContextProviders = ({children}: React.PropsWithChildren) => (
     <AuthenticationContextProvider>
         <MetadataContextProvider>
             <PreferencesContextProvider>
-                <ThemeContextProvider>
-                    <ThemeStorageContextProvider>
-                        <NavigationContextProvider>
-                            <AlertPopupContextProvider>
+                <AlertPopupContextProvider>
+                    <ThemeContextProvider>
+                        <ThemeStorageContextProvider>
+                            <NavigationContextProvider>
                                 <PageExtensionContextProvider>
                                     {children}
                                 </PageExtensionContextProvider>
-                            </AlertPopupContextProvider>
-                        </NavigationContextProvider>
-                    </ThemeStorageContextProvider>
-                </ThemeContextProvider>
+                            </NavigationContextProvider>
+                        </ThemeStorageContextProvider>
+                    </ThemeContextProvider>
+                </AlertPopupContextProvider>
             </PreferencesContextProvider>
         </MetadataContextProvider>
     </AuthenticationContextProvider>

Plan/react/dashboard/src/components/alert/AlertPopupArea.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {useAlertPopupContext} from "../../hooks/context/alertPopupContext";
+import {useAlertPopupContext} from "../../hooks/context/alertPopupContext.tsx";
 import LoadIn from "../animation/LoadIn.tsx";
 
 const Alert = ({alert}) => {

Plan/react/dashboard/src/components/cards/server/graphs/NetworkOnlineActivityGraphsCard.jsx

@@ -16,7 +16,7 @@ import TimeByTimeGraph from "../../../graphs/TimeByTimeGraph";
 import PlayersOnlineGraph from "../../../graphs/PlayersOnlineGraph";
 import {useMetadata} from "../../../../hooks/metadataHook";
 import StackedPlayersOnlineGraph from "../../../graphs/StackedPlayersOnlineGraph";
-import {useAuth} from "../../../../hooks/authenticationHook";
+import {useAuth} from "../../../../hooks/authenticationHook.tsx";
 import {faCalendar} from "@fortawesome/free-regular-svg-icons";
 import ServerCalendar from "../../../calendar/ServerCalendar";
 import {postQuery} from "../../../../service/queryService";

Plan/react/dashboard/src/components/cards/server/graphs/OnlineActivityGraphsCard.jsx

@@ -17,7 +17,7 @@ import React, {useCallback, useState} from "react";
 import TimeByTimeGraph from "../../../graphs/TimeByTimeGraph";
 import ServerCalendar from "../../../calendar/ServerCalendar";
 import {ChartLoader} from "../../../navigation/Loader";
-import {useAuth} from "../../../../hooks/authenticationHook";
+import {useAuth} from "../../../../hooks/authenticationHook.tsx";
 import Highcharts from "highcharts/highstock";
 import "highcharts/modules/no-data-to-display"
 import "highcharts/modules/accessibility";

Plan/react/dashboard/src/components/cards/server/graphs/PerformanceGraphsCard.jsx

@@ -15,7 +15,7 @@ import WorldPerformanceGraph from "../../../graphs/performance/WorldPerformanceG
 import DiskPerformanceGraph from "../../../graphs/performance/DiskPerformanceGraph";
 import PingGraph from "../../../graphs/performance/PingGraph";
 import {mapPerformanceDataToSeries} from "../../../../util/graphs";
-import {useAuth} from "../../../../hooks/authenticationHook";
+import {useAuth} from "../../../../hooks/authenticationHook.tsx";
 import {GraphExtremesContextProvider} from "../../../../hooks/interaction/graphExtremesContextHook.jsx";
 
 const AllGraphTab = ({data, dataSeries, pluginHistorySeries, loadingError}) => {

Plan/react/dashboard/src/components/graphs/performance/AllPerformanceGraph.jsx

@@ -7,7 +7,7 @@ import "highcharts/esm/modules/accessibility";
 import {useTranslation} from "react-i18next";
 import {useTheme} from "../../../hooks/themeHook";
 import {useMetadata} from "../../../hooks/metadataHook";
-import {useAuth} from "../../../hooks/authenticationHook.jsx";
+import {useAuth} from "../../../hooks/authenticationHook.tsx";
 import {useGraphExtremesContext} from "../../../hooks/interaction/graphExtremesContextHook.jsx";
 import {localeService} from "../../../service/localeService.js";
 

Plan/react/dashboard/src/components/graphs/performance/CpuRamPerformanceGraph.jsx

@@ -7,7 +7,7 @@ import "highcharts/esm/modules/accessibility";
 import {useTranslation} from "react-i18next";
 import {useTheme} from "../../../hooks/themeHook";
 import {useMetadata} from "../../../hooks/metadataHook";
-import {useAuth} from "../../../hooks/authenticationHook.jsx";
+import {useAuth} from "../../../hooks/authenticationHook.tsx";
 import {useGraphExtremesContext} from "../../../hooks/interaction/graphExtremesContextHook.jsx";
 import {localeService} from "../../../service/localeService.js";
 

Plan/react/dashboard/src/components/graphs/performance/TpsPerformanceGraph.jsx

@@ -7,7 +7,7 @@ import "highcharts/esm/modules/accessibility";
 import {useTranslation} from "react-i18next";
 import {useTheme} from "../../../hooks/themeHook";
 import {useMetadata} from "../../../hooks/metadataHook";
-import {useAuth} from "../../../hooks/authenticationHook.jsx";
+import {useAuth} from "../../../hooks/authenticationHook.tsx";
 import {useGraphExtremesContext} from "../../../hooks/interaction/graphExtremesContextHook.jsx";
 import {localeService} from "../../../service/localeService.js";
 

Plan/react/dashboard/src/components/graphs/performance/WorldPerformanceGraph.jsx

@@ -7,7 +7,7 @@ import "highcharts/esm/modules/accessibility";
 import {useTranslation} from "react-i18next";
 import {useTheme} from "../../../hooks/themeHook";
 import {useMetadata} from "../../../hooks/metadataHook";
-import {useAuth} from "../../../hooks/authenticationHook.jsx";
+import {useAuth} from "../../../hooks/authenticationHook.tsx";
 import {useGraphExtremesContext} from "../../../hooks/interaction/graphExtremesContextHook.jsx";
 import {localeService} from "../../../service/localeService.js";
 

Plan/react/dashboard/src/components/input/button/PlayerPageLinkButton.jsx

@@ -3,7 +3,7 @@ import {FontAwesomeIcon as Fa} from "@fortawesome/react-fontawesome";
 import {useTranslation} from "react-i18next";
 import {Link} from "react-router";
 import {faUser} from "@fortawesome/free-solid-svg-icons";
-import {useAuth} from "../../../hooks/authenticationHook.jsx";
+import {useAuth} from "../../../hooks/authenticationHook.tsx";
 
 const PlayerPageLinkButton = ({uuid, className}) => {
     const {t} = useTranslation();