cleanup some forms; break out major config styles into their own files

web/utils/alert-message-context.tsx

@@ -1,27 +1,27 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 
 export const AlertMessageContext = React.createContext({
-    message: null,
-    setMessage: (text?: string) => {
-        return text;
-    }
+  message: null,
+  setMessage: (text?: string) => {
+    return text;
+  },
 });
 
 const AlertMessageProvider = ({ children }) => {
-    const [message, setMessage] = useState('');
-    
-    const providerValue = {
-        message,
-        setMessage
-    }
-    return (
-        <AlertMessageContext.Provider value={providerValue}>{children}</AlertMessageContext.Provider>
-    )
-}
+  const [message, setMessage] = useState('');
 
-AlertMessageProvider.propTypes = {
-    children: PropTypes.element.isRequired
+  const providerValue = {
+    message,
+    setMessage,
+  };
+  return (
+    <AlertMessageContext.Provider value={providerValue}>{children}</AlertMessageContext.Provider>
+  );
 };
 
-export default AlertMessageProvider;
+AlertMessageProvider.propTypes = {
+  children: PropTypes.element.isRequired,
+};
+
+export default AlertMessageProvider;