Move all integration queries/mutations to hooks

frontend/src/pages/integrations/bitbucket/create.tsx

@@ -2,6 +2,10 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
 import queryString from "query-string";
 
+import {
+  useCreateIntegration
+} from "@app/hooks/api";
+
 import {
   Button,
   Card,
@@ -17,10 +21,10 @@ import {
   useGetIntegrationAuthById,
 } from "../../../hooks/api/integrationAuth";
 import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-import createIntegration from "../../api/integrations/createIntegration";
 
 export default function BitBucketCreateIntegrationPage() {
   const router = useRouter();
+  const { mutateAsync } = useCreateIntegration();
 
   const [targetAppId, setTargetAppId] = useState("");
   const [targetEnvironmentId, setTargetEnvironmentId] = useState("");
@@ -79,7 +83,7 @@ export default function BitBucketCreateIntegrationPage() {
 
       if (!targetApp || !targetApp.appId || !targetEnvironment) return;
 
-      await createIntegration({
+      await mutateAsync({
         integrationAuthId: integrationAuth?._id,
         isActive: true,
         app: targetApp.name,