Refactor app state to be a state machine with access selectors

web/components/stores/eventhandlers/connected-client-info-handler.ts

@@ -0,0 +1,11 @@
+import { ConnectedClientInfoEvent } from '../../../interfaces/socket-events';
+
+export default function handleConnectedClientInfoMessage(
+  message: ConnectedClientInfoEvent,
+  setChatDisplayName: (string) => void,
+) {
+  console.log('connected client', message);
+  const { user } = message;
+  const { displayName } = user;
+  setChatDisplayName(displayName);
+}