chore: use api client on quotes page

Author: mjkeaton

.env.development

@@ -1,2 +1,2 @@
-VITE_API_BASE_URL=/mocks
+VITE_API_BASE_URL=
 VITE_API_MOCKING_ENABLED=true

src/pages/quotes/QuotesPage.tsx

@@ -3,6 +3,7 @@ import { H3 } from "@/components/Headings"
 import { PageTitle } from "@/components/PageTitle"
 import { Button } from "@/components/ui/button"
 import { Skeleton } from "@/components/ui/skeleton"
+import useApiClient from "@/hooks/use-api-client"
 import useLocalStorage from "@/hooks/use-local-storage"
 import { fetchAdminQuotePending } from "@/lib/api"
 import { useSuspenseQuery } from "@tanstack/react-query"
@@ -33,15 +34,17 @@ function QuoteListPendingRaw() {
 }
 
 function QuoteListPending() {
+  const client = useApiClient();
+
   const { data } = useSuspenseQuery({
     queryKey: ["quotes-pending"],
-    queryFn: fetchAdminQuotePending,
+    queryFn: () => client.listPendingQuotes(),
   })
 
   return (
     <>
       <div className="flex flex-col gap-1">
-        {data.quotes.map((it, index) => {
+        {data.data ? data.data.quotes.map((it, index) => {
           return (
             <div key={index} className="flex gap-1 items-center text-sm">
               <span>{it}</span>
@@ -50,7 +53,7 @@ function QuoteListPending() {
               </Button>
             </div>
           )
-        })}
+        }) : (<></>)}
       </div>
     </>
   )