feat: add operator landing and login

frontend/src/hooks/useOperatorSession.ts

@@ -0,0 +1,64 @@
+import { useEffect, useState } from 'react'
+import { formatError } from '../lib/formatError'
+import { getAuthSession, logout, type AuthSession } from '../services/api/auth'
+
+const signedOutSession: AuthSession = {
+  authentication_required: true,
+  authenticated: false,
+  username: null,
+  expires_at: null,
+}
+
+export function useOperatorSession() {
+  const [session, setSession] = useState<AuthSession | null>(null)
+  const [sessionError, setSessionError] = useState<string | null>(null)
+  const [loggingOut, setLoggingOut] = useState(false)
+
+  useEffect(() => {
+    let active = true
+    getAuthSession()
+      .then((value) => {
+        if (active) {
+          setSession(value)
+          setSessionError(null)
+        }
+      })
+      .catch((error) => {
+        if (active) {
+          setSession(signedOutSession)
+          setSessionError(formatError(error, 'De aanmeldservice is tijdelijk niet bereikbaar.'))
+        }
+      })
+    return () => {
+      active = false
+    }
+  }, [])
+
+  useEffect(() => {
+    const expireSession = () => {
+      setSession(signedOutSession)
+      setSessionError('Uw sessie is verlopen. Meld u opnieuw aan.')
+    }
+    window.addEventListener('geointel:session-expired', expireSession)
+    return () => window.removeEventListener('geointel:session-expired', expireSession)
+  }, [])
+
+  const handleLogout = async () => {
+    setLoggingOut(true)
+    try {
+      setSession(await logout())
+      setSessionError(null)
+    } catch (error) {
+      setSessionError(formatError(error, 'Uitloggen is niet gelukt.'))
+    } finally {
+      setLoggingOut(false)
+    }
+  }
+
+  const handleAuthenticated = (authenticatedSession: AuthSession) => {
+    setSession(authenticatedSession)
+    setSessionError(null)
+  }
+
+  return { session, sessionError, loggingOut, handleAuthenticated, handleLogout }
+}