[feat] user lists fit for many users and 3 display mode

src/store/app.ts

@@ -13,6 +13,7 @@ const defaultValue = {
   autoStart: false,
   startHidden: false,
   hiddenOnClose: false,
+  steamUsersViewMode: "list-large" as "card" | "list" | "list-large",
 }
 
 export const appStore = store("app", { ...defaultValue }, DEFAULT_STORE_CONFIG)
@@ -32,6 +33,7 @@ export const useAppStore = () => {
     setAutoStart,
     setStartHidden,
     setHiddenOnClose,
+    setSteamUsersViewMode,
     resetAppStore,
   }
 }
@@ -75,6 +77,10 @@ const setHiddenOnClose = (hiddenOnClose: boolean) => {
   appStore.state.hiddenOnClose = hiddenOnClose;
 }
 
+const setSteamUsersViewMode = (viewMode: "card" | "list" | "list-large") => {
+  appStore.state.steamUsersViewMode = viewMode
+}
+
 const resetAppStore = () => {
   setVersion(defaultValue.version)
   setHasUpdate(defaultValue.hasUpdate)
@@ -84,4 +90,5 @@ const resetAppStore = () => {
   setAutoStart(defaultValue.autoStart)
   void setStartHidden(defaultValue.startHidden)
   setHiddenOnClose(defaultValue.hiddenOnClose)
+  setSteamUsersViewMode(defaultValue.steamUsersViewMode)
 }