Add React Suspense APIs

[AlicanC]

Currently Wagmi lacks native support for React Suspense and pushes users to write a lot of code to handle error and loading states of a query:

import { useReadContract } from "wagmi";

const { data, error, refetch } = useReadContract({
  address: contractAddress,
  abi: contractAbi,
  functionName: "myFunction",
});

if (error) {
  return <ErrorFallback error={error} retry={refetch} />
}

if (!data) {
  return <LoadingFallback />;
}

Thankfully, docs mention an alternative but it still requires a lot of code:

import { useSuspenseQuery } from "@tanstack/react-query";
import { useConfig } from "wagmi";
import { hashFn, readContractQueryOptions } from "wagmi/query";

const config = useConfig();
const { data } = useSuspenseQuery({
  ...readContractQueryOptions(config, {
    address: contractAddress,
    abi: contractAbi,
    functionName: "myFunction",
  }),
  queryKeyHashFn: hashFn,
});

With native support, same could be achieved with a lot less code:

import { useReadContractSuspense } from "wagmi";

const { data } = useReadContractSuspense({
  address: contractAddress,
  abi: contractAbi,
  functionName: "myFunction",
});

Wagmi should provide React Suspense APIs so loading and error states can be handled easily.