Replace apollo with tanstack query

src/queries/queryKeys.ts

@@ -1,4 +1,5 @@
 export const queryKeys = {
   user: ['user'],
   events: ['events'],
+  membershipTypes: ['membershipTypes'],
 } as const;

src/queries/useMembershipTypes.ts

@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { fetchMembershipTypes } from '@/api';
+import { queryKeys } from '@/queries/queryKeys';
+
+/** The purchasable membership types with prices. */
+export function useMembershipTypes() {
+  return useQuery({
+    queryKey: queryKeys.membershipTypes,
+    queryFn: fetchMembershipTypes,
+    staleTime: 5 * 60 * 1000,
+  });
+}