implement group page (#6)

* implement group page

* group state, search box

* rename some field

* update api types

src/hooks/useMainStore.ts

@@ -1,4 +1,4 @@
-import { MainStore, ModelUser as User } from '@/types'
+import { MainStore } from '@/types'
 import { create } from 'zustand'
 import { persist, createJSONStorage } from 'zustand/middleware'
 
@@ -6,7 +6,7 @@ export const useMainStore = create<MainStore, [['zustand/persist', MainStore]]>(
     persist(
         (set, get) => ({
             profile: get()?.profile,
-            setProfile: (profile: User | undefined) => set({ profile }),
+            setProfile: profile => set({ profile }),
         }),
         {
             name: 'mainStore',