refactor: tanstack & zustand overhaul

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

src/renderer/context/App.tsx

@@ -128,10 +128,10 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     markNotificationsAsRead,
     markNotificationsAsDone,
     unsubscribeNotification,
-  } = useNotifications(accounts);
+  } = useNotifications();
 
   // Periodic account refreshes
-  useAccounts(accounts);
+  useAccounts();
 
   // Theme
   useEffect(() => {

src/renderer/hooks/useAccounts.ts

@@ -6,13 +6,13 @@ import { Constants } from '../constants';
 
 import { useAccountsStore } from '../stores';
 
-import type { Account } from '../types';
-
 interface AccountsState {
   refetchAccounts: () => Promise<void>;
 }
 
-export const useAccounts = (accounts: Account[]): AccountsState => {
+export const useAccounts = (): AccountsState => {
+  const accounts = useAccountsStore((state) => state.accounts);
+
   const { refetch } = useQuery<boolean, Error>({
     queryKey: ['accounts', accounts.length],