adjust network request waterfall to force authentication first, add fallback for no network (#1028)

src/renderer/layouts/authentication-outlet.tsx

@@ -0,0 +1,20 @@
+import { Outlet } from 'react-router';
+
+import { useServerAuthenticated } from '/@/renderer/hooks/use-server-authenticated';
+import { Center } from '/@/shared/components/center/center';
+import { Spinner } from '/@/shared/components/spinner/spinner';
+import { AuthState } from '/@/shared/types/types';
+
+export const AuthenticationOutlet = () => {
+    const authState = useServerAuthenticated();
+
+    if (authState === AuthState.LOADING) {
+        return (
+            <Center h="100vh" w="100%">
+                <Spinner container />
+            </Center>
+        );
+    }
+
+    return <Outlet />;
+};