feat: introduce reconnect feature for connections

packages/web/src/graphql/mutations/create-connection.ts

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client';
 
 export const CREATE_CONNECTION = gql`
-  mutation CreateConnection($key: String!, $data: twitterCredentialInput!) {
+  mutation CreateConnection($key: String!, $data: TwitterCredentialInput!) {
     createConnection(key: $key, data: $data) {
       id
       key

packages/web/src/graphql/mutations/update-connection.ts

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client';
 
 export const UPDATE_CONNECTION = gql`
-  mutation UpdateConnection($id: String!, $data: twitterCredentialInput!) {
+  mutation UpdateConnection($id: String!, $data: TwitterCredentialInput!) {
     updateConnection(id: $id, data: $data) {
       id
       key

packages/web/src/graphql/queries/get-app.ts

@@ -32,6 +32,19 @@ export const GET_APP = gql`
           }
         }
       }
+      reconnectionSteps {
+        step
+        type
+        name
+        fields {
+          name
+          value
+          fields {
+            name
+            value
+          }
+        }
+      }
       connections {
         id
       }

packages/web/src/graphql/queries/test-connection.ts

@@ -2,6 +2,9 @@ import { gql } from '@apollo/client';
 
 export const TEST_CONNECTION = gql`
   query TestConnection($id: String!) {
-    testConnection(id: $id)
+    testConnection(id: $id) {
+      id
+      verified
+    }
   }
 `;