feat(apps/web): perform data fetching with useEffect with useQuery

[muhammed-gumus]

Data fetching was done with useEffect and useQuery.

Before:

 const [isLoading, setIsLoading] = useState<boolean>(true);
  const [accounts, setAccounts] = useState<IAccount[]>([]);

  useEffect(() => {
    getAccount().then(res => {
      if (!res.data) return;
      setAccounts(res.data);
      setIsLoading(false);
    });
  }, [isLoading]);
  const currentProviders = accounts?.data?.map(
    (account: IAccount) => account.provider,
  );

After:

 const { data: accounts, isLoading } = useQuery({
    queryKey: ["accounts"],
    queryFn: () => {
      return getAccount();
    },
  });
  const currentProviders = accounts?.data?.map(
    (account: IAccount) => account.provider,
  );