Broke out state into accountState and appState

utils/accountState.tsx

@@ -0,0 +1,19 @@
+import { proxy } from "valtio";
+
+interface AccountState {
+    [key: string]: any
+    
+    account: {
+        authorized: boolean,
+        language: 'en' | 'jp'
+    }
+}
+
+export const initialAccountState: AccountState = {
+    account: {
+        authorized: false,
+        language: 'en'
+    }
+}
+
+export const accountState = proxy(initialAccountState)

utils/appState.tsx

@@ -1,9 +1,8 @@
 import { proxy } from "valtio";
 
-interface State {
+interface AppState {
-    app: {
+    [key: string]: any
-        authenticated: boolean
+    
-    },
     party: {
         id: string | undefined,
         editable: boolean,
@@ -27,10 +26,7 @@ interface State {
     }
 }
 
-const state: State = {
+export const initialAppState: AppState = {
-    app: {
-        authenticated: false
-    },
     party: {
         id: undefined,
         editable: false,
@@ -54,4 +50,4 @@ const state: State = {
     }
 }
 
-export default proxy(state)
+export const appState = proxy(initialAppState)