feat(warehousing): ppoo monitoring added

this will monitor ppoo every 45 seconds as long as someone is on the page.

closes #13

frontend/src/hooks/socket.io.hook.ts

@@ -13,6 +13,7 @@ type RoomErrorPayload = {
 
 export function useSocketRoom<T>(
 	roomId: string,
+	enabled = true,
 	getKey?: (item: T) => string | number,
 ) {
 	const [data, setData] = useState<T[]>([]);
@@ -35,6 +36,7 @@ export function useSocketRoom<T>(
 	);
 
 	useEffect(() => {
+		if (!roomId || !enabled) return;
 		function handleConnect() {
 			socket.emit("join-room", roomId);
 			setInfo(`Joined room: ${roomId}`);
@@ -74,7 +76,18 @@ export function useSocketRoom<T>(
 			socket.off("room-update", handleUpdate);
 			socket.off("room-error", handleError);
 		};
-	}, [roomId]);
+	}, [roomId, enabled]);
 
 	return { data, info, clearRoom };
 }
+
+/*
+
+const isDockDoorPage = location.pathname.startsWith("/dockdoor");
+
+useSocketRoom(
+	dockId ? `dockdoor:${dockId}` : null,
+	isDockDoorPage,
+);
+
+*/