feat(workspaces): add custom hook to fetch workspaces using React Query

src/features/workspaces/api/use-get-workspaces.ts

@@ -0,0 +1,21 @@
+import { client } from "@/lib/rpc";
+import { useQuery } from "@tanstack/react-query";
+
+export const useGetWorkspaces = () => {
+  const query = useQuery({
+    queryKey: ["workspaces"],
+    queryFn: async () => {
+      const response = await client.api.workspaces.$get();
+
+      if (!response.ok) {
+        throw new Error("Failed to fetch workspaces");
+      }
+
+      const { data } = await response.json();
+
+      return data;
+    },
+  });
+
+  return query;
+};