implement group page (#6)

* implement group page

* group state, search box

* rename some field

* update api types

src/hooks/useServerStore.ts

@@ -0,0 +1,18 @@
+import { ServerStore } from '@/types'
+import { create } from 'zustand'
+import { persist, createJSONStorage } from 'zustand/middleware'
+
+export const useServerStore = create<ServerStore, [['zustand/persist', ServerStore]]>(
+    persist(
+        (set, get) => ({
+            server: get()?.server,
+            serverGroup: get()?.serverGroup,
+            setServer: server => set({ server }),
+            setServerGroup: serverGroup => set({ serverGroup }),
+        }),
+        {
+            name: 'serverStore',
+            storage: createJSONStorage(() => localStorage),
+        },
+    ),
+)