implement temporary ui and api routes to fix

Change-Id: Idb07d146f11d2f11f3ad2323a5c18fc125a91e73
diff --git a/client/src/pages/accountSettings.jsx b/client/src/pages/accountSettings.jsx
index cb861a3..d555820 100644
--- a/client/src/pages/accountSettings.jsx
+++ b/client/src/pages/accountSettings.jsx
@@ -5,12 +5,18 @@
 import AccountPreferences from '../components/AccountPreferences'
 import authManager from '../AuthManager'
 import Account from '../../../model/Account'
+import { useAppSelector, useAppDispatch } from '../../redux/hooks';
+import { setAccountId } from '../../redux/appSlice';
 
 const AccountSettings = (props) => {
   const accountId = props.accountId || useParams().accountId
+  const dispatch = useAppDispatch();
+
   const [state, setState] = useState({ loaded: false })
 
   useEffect(() => {
+    dispatch(setAccountId(accountId))
+
     const controller = new AbortController()
     authManager.fetch(`/api/accounts/${accountId}`, { signal: controller.signal })
       .then(res => res.json())
@@ -27,7 +33,7 @@
     <Container maxWidth="sm">
       <Header />
       {state.loaded ? <AccountPreferences account={state.account} onAccontChanged={account => setState(state => {
-        state.account =  account
+        state.account = account
         return state
       })} /> : <CircularProgress />}
     </Container>