Fix router logic to account for logged out users; closes #4085

Middleware was removed from the `/` route to redirect users without authentication, so now we need to handle this on the front-end properly.

resources/scripts/components/elements/AuthenticatedRoute.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Redirect, Route, RouteProps } from 'react-router';
+import { useStoreState } from '@/state/hooks';
+
+export default ({ children, ...props }: Omit<RouteProps, 'render'>) => {
+    const isAuthenticated = useStoreState(state => !!state.user.data?.uuid);
+
+    return (
+        <Route
+            {...props}
+            render={({ location }) => (
+                isAuthenticated ? children : <Redirect to={{ pathname: '/auth/login', state: { from: location } }}/>
+            )}
+        />
+    );
+};