refactor account store + much smoother collection listing updates

hooks/useInitialData.tsx

@@ -1,33 +1,29 @@
 import { useEffect } from "react";
 import { useSession } from "next-auth/react";
 import useTagStore from "@/store/tags";
-import useAccountStore from "@/store/account";
 import useLocalSettingsStore from "@/store/localSettings";
+import { useUser } from "./store/users";
 
 export default function useInitialData() {
   const { status, data } = useSession();
   // const { setCollections } = useCollectionStore();
   const { setTags } = useTagStore();
   // const { setLinks } = useLinkStore();
-  const { account, setAccount } = useAccountStore();
+  const { data: user = [] } = useUser();
   const { setSettings } = useLocalSettingsStore();
 
   useEffect(() => {
     setSettings();
-    if (status === "authenticated") {
-      // Get account info
-      setAccount(data?.user.id as number);
-    }
   }, [status, data]);
 
   // Get the rest of the data
   useEffect(() => {
-    if (account.id && (!process.env.NEXT_PUBLIC_STRIPE || account.username)) {
+    if (user.id && (!process.env.NEXT_PUBLIC_STRIPE || user.username)) {
       // setCollections();
       setTags();
       // setLinks();
     }
-  }, [account]);
+  }, [user]);
 
   return status;
 }