Fix loading issue of Document when viewing shared documents by moving…

… `useSettingsQuery` Hook globally

frontend/src/App.tsx

@@ -21,6 +21,7 @@ import { QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-qu
 import AuthProvider from "./providers/AuthProvider";
 import { useErrorHandler } from "./hooks/useErrorHandler";
 import * as Sentry from "@sentry/react";
+import { useGetSettingsQuery } from "./hooks/api/settings";
 
 if (import.meta.env.PROD) {
 	Sentry.init({
@@ -49,6 +50,11 @@ const router = createBrowserRouter(routes);
 
 axios.defaults.baseURL = import.meta.env.VITE_API_ADDR;
 
+function SettingLoader() {
+	useGetSettingsQuery();
+	return null;
+}
+
 function App() {
 	const config = useSelector(selectConfig);
 	const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
@@ -85,6 +91,7 @@ function App() {
 			<AuthProvider>
 				<ThemeProvider theme={theme}>
 					<CssBaseline />
+					<SettingLoader />
 					<Box minHeight="100vh">
 						<RouterProvider router={router} />
 					</Box>

frontend/src/components/common/PrivateRoute.tsx

@@ -2,7 +2,6 @@ import { ReactNode, useContext } from "react";
 import { useLocation, Navigate } from "react-router-dom";
 import { AuthContext } from "../../contexts/AuthContext";
 import { Backdrop, CircularProgress } from "@mui/material";
-import { useGetSettingsQuery } from "../../hooks/api/settings";
 
 interface PrivateRouteProps {
 	children?: ReactNode;
@@ -13,8 +12,6 @@ const PrivateRoute = (props: PrivateRouteProps) => {
 	const { isLoggedIn, isLoading } = useContext(AuthContext);
 	const location = useLocation();
 
-	useGetSettingsQuery();
-
 	if (isLoading) {
 		return (
 			<Backdrop open>