Add placeholder components to be worked on

web/components/stores/ClientConfigStore.tsx

@@ -1,14 +1,25 @@
 import { useEffect } from 'react';
 import { ReactElement } from 'react-markdown/lib/react-markdown';
 import { atom, useRecoilState } from 'recoil';
-import { makeEmptyClientConfig, ClientConfig } from '../../models/ClientConfig';
-import ClientConfigService from '../../services/ClientConfigService';
+import { makeEmptyClientConfig, ClientConfig } from '../../interfaces/client-config.model';
+import ClientConfigService from '../../services/client-config-service';
 
+// The config that comes from the API.
 export const clientConfigState = atom({
   key: 'clientConfigState',
   default: makeEmptyClientConfig(),
 });
 
+export const chatCurrentlyVisible = atom({
+  key: 'chatvisible',
+  default: false,
+});
+
+export const chatDislayName = atom({
+  key: 'chatDisplayName',
+  default: '',
+});
+
 export function ClientConfigStore(): ReactElement {
   const [, setClientConfig] = useRecoilState<ClientConfig>(clientConfigState);
 

web/components/stores/ServerStatusStore.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { ReactElement } from 'react-markdown/lib/react-markdown';
 import { atom, useRecoilState } from 'recoil';
-import { ServerStatus, makeEmptyServerStatus } from '../../models/ServerStatus';
-import ServerStatusService from '../../services/StatusService';
+import { ServerStatus, makeEmptyServerStatus } from '../../interfaces/server-status.model';
+import ServerStatusService from '../../services/status-service';
 
 export const serverStatusState = atom({
   key: 'serverStatusState',