chore(branching): GitHub integration 2.0 (#21008)

* start new github integration

* query/mutation updates

* progress

* branch management

* update codegen

* progress

* progress

* Refactor GitHub integration URLs

* Refactor GitHubIntegrationAuthorize component

* Updates

* Do not remove GitHub connection when creating new one

* Deleting a GH connection when branching is enabled for the project, will also disable branching for that project

* Add link to configure connection from org integration settings page

* Slight refactor

* Support updating CWD path

* Change cwd_path to workdir and disallow empty values

* Allow for triggering branches on supabase directory changes only

* Pass missing supabaseChangesOnly value

* Small style fix

* Add Authorization GitHub step

* Small change

* Fix supabase integrations form in project settings

* Revert URLa nd client ID

* Fix UI issues

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
Co-authored-by: Kamil Ogórek <kamil.ogorek@gmail.com>

apps/studio/data/integrations/github-connection-create-mutation.ts

@@ -0,0 +1,52 @@
+import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'react-hot-toast'
+
+import { post } from 'data/fetchers'
+import { ResponseError } from 'types'
+import { GitHubConnectionCreateVariables } from './integrations.types'
+import { integrationKeys } from './keys'
+
+export async function createGitHubConnection({ connection }: GitHubConnectionCreateVariables) {
+  const { data, error } = await post('/platform/integrations/github/connections', {
+    body: connection,
+  })
+  if (error) {
+    throw error
+  }
+
+  return data
+}
+
+export type GitHubConnectionCreateData = Awaited<ReturnType<typeof createGitHubConnection>>
+
+export const useGitHubConnectionCreateMutation = ({
+  onSuccess,
+  onError,
+  ...options
+}: Omit<
+  UseMutationOptions<GitHubConnectionCreateData, ResponseError, GitHubConnectionCreateVariables>,
+  'mutationFn'
+> = {}) => {
+  const queryClient = useQueryClient()
+  return useMutation<GitHubConnectionCreateData, ResponseError, GitHubConnectionCreateVariables>(
+    (vars) => createGitHubConnection(vars),
+    {
+      async onSuccess(data, variables, context) {
+        await Promise.all([
+          queryClient.invalidateQueries(
+            integrationKeys.githubConnectionsList(variables.organizationId)
+          ),
+        ])
+        await onSuccess?.(data, variables, context)
+      },
+      async onError(data, variables, context) {
+        if (onError === undefined) {
+          toast.error(`Failed to create Github connection: ${data.message}`)
+        } else {
+          onError(data, variables, context)
+        }
+      },
+      ...options,
+    }
+  )
+}