implement "caching"

ui/src/hooks/useWebsocket.tsx

@@ -1,11 +1,14 @@
 import type { WebsocketStatus } from "@/components/ConnectionStatus";
 import type { StatusMessage } from "@/services/types";
+import { getLastMessage, setLastMessage } from "@/services/store";
 import { initializeConnection } from "@/services/websocket";
 import { useEffect, useState } from "react";
 
 export function useWebsocket(url: string) {
     const [status, setStatus] = useState<WebsocketStatus>();
-    const [message, setMessage] = useState<StatusMessage | null>();
+    const [message, setMessage] = useState<StatusMessage | null>(
+        getLastMessage(),
+    );
 
     useEffect(() => {
         initializeConnection(url, {
@@ -14,6 +17,7 @@ export function useWebsocket(url: string) {
 
                 setStatus("connected");
                 setMessage(parsed);
+                setLastMessage(parsed);
             },
             onOpen: () => setStatus("connecting"),
             onClose: () => setStatus("disconnected"),