fix: added missing integrations on the /connect-data/reference page (#2975)

## Description 
Added missing integrations on the /connect-data/reference page like
Gmail, Google Docs, Calendar, Notion, Confluence, Github, Outlook and
Stripe.

## Pull request type

Check the appropriate box:

- [ ] Review Fixes
- [ ] Documentation Overhaul
- [ ] Feature/Story
    - Link one or more Engineering Tickets
        * 
- [ ] A-Force
- [ ] Error in documentation
- [ ] Maintenance

## Documentation tickets

 Link to one or more documentation tickets:
 - 

## Checklist

From the below options, select the ones that are applicable:

- [ ] Checked for Grammarly suggestions.
- [ ] Adhered to the writing checklist.
- [ ] Adhered to the media checklist.
- [ ] Verified and updated cross-references or added redirect rules.
- [ ] Tested the redirect rules on deploy preview.
- [ ] Validated the modifications made to the content on the deploy
preview.
- [ ] Validated the CSS modifications on different screen sizes.

Author: tomjose92

website/docs/connect-data/reference/README.md

@@ -241,6 +241,15 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
   </div>
 
   <div className="columnGrid column-two" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/confluence">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/confluence.png" alt="Confluence"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/confluence">Confluence</a></b>
+  </div>
+
+  <div className="columnGrid column-three" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/dropbox">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/dropbox.png" alt="Dropbox"/>
@@ -249,20 +258,60 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/dropbox">Dropbox</a></b>
   </div>
 
+</div>
+
+<div className="containerGrid">
+
+  <div className="columnGrid column-one" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/gmail">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/gmail.png" alt="Gmail"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/gmail">Gmail</a></b>
+  </div>
+
+  <div className="columnGrid column-two" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/github">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/github.png" alt="Github"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/github">Github</a></b>
+  </div>
+
   <div className="columnGrid column-three" align="center">
     <div className="containerCol">
-      <a href="/connect-data/reference/querying-google-sheets">
-        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/google-sheets.png" alt="Google Sheets"/>
+      <a href="/connect-data/reference/google-docs">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/googledocs.png" alt="Google Docs"/>
       </a>
     </div>
-    <b><a href="/connect-data/reference/querying-google-sheets">Google Sheets</a></b>
+    <b><a href="/connect-data/reference/google-docs">Google Docs</a></b>
   </div>
 
 </div>
 
 <div className="containerGrid">
 
   <div className="columnGrid column-one" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/google-drive">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/googledrive.png" alt="Google Drive"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/google-drive">Google Drive</a></b>
+  </div>
+
+  <div className="columnGrid column-two" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/querying-google-sheets">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/google-sheets.png" alt="Google Sheets"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/querying-google-sheets">Google Sheets</a></b>
+  </div>
+
+  <div className="columnGrid column-three" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/hubspot">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/hubspot2.png" alt="HubSpot"/>
@@ -271,7 +320,11 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/hubspot">HubSpot</a></b>
   </div>
 
-  <div className="columnGrid column-two" align="center">
+</div>
+
+<div className="containerGrid">
+
+  <div className="columnGrid column-one" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/jira">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/jira.png" alt="Jira"/>
@@ -280,7 +333,7 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/jira">Jira</a></b>
   </div>
 
-  <div className="columnGrid column-three" align="center">
+  <div className="columnGrid column-two" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/linkedin">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/linkedin.png" alt="LinkedIn"/>
@@ -289,11 +342,7 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/linkedin">LinkedIn</a></b>
   </div>
 
-</div>
-
-<div className="containerGrid">
-
-  <div className="columnGrid column-one" align="center">
+  <div className="columnGrid column-three" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/mixpanel">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/mixpanel.png" alt="Mixpanel"/>
@@ -302,7 +351,11 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/mixpanel">Mixpanel</a></b>
   </div>
 
-  <div className="columnGrid column-two" align="center">
+</div>
+
+<div className="containerGrid">
+
+  <div className="columnGrid column-one" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/monday.com">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/monday.com.png" alt="Monday.com"/>
@@ -311,20 +364,38 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/monday.com">Monday.com</a></b>
   </div>
 
+  <div className="columnGrid column-two" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/notion">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/notion.png" alt="Notion"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/notion">Notion</a></b>
+  </div>
+
   <div className="columnGrid column-three" align="center">
     <div className="containerCol">
-      <a href="/connect-data/reference/salesforce">
-        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/salesforce-logo.svg" alt="Salesforce"/>
+      <a href="/connect-data/reference/outlook">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/outlook.png" alt="Outlook"/>
       </a>
     </div>
-    <b><a href="/connect-data/reference/salesforce">Salesforce</a></b>
+    <b><a href="/connect-data/reference/outlook">Outlook</a></b>
   </div>
 
 </div>
 
 <div className="containerGrid">
 
   <div className="columnGrid column-one" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/salesforce">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/salesforce-logo.svg" alt="Salesforce"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/salesforce">Salesforce</a></b>
+  </div>
+
+  <div className="columnGrid column-two" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/slack">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/slack.png" alt="Slack"/>
@@ -333,7 +404,20 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/slack">Slack</a></b>
   </div>
 
-  <div className="columnGrid column-two" align="center">
+  <div className="columnGrid column-three" align="center">
+    <div className="containerCol">
+      <a href="/connect-data/reference/stripe">
+        <img className="containerImage referenceIcon" src="https://assets.appsmith.com/stripe.png" alt="Stripe"/>
+      </a>
+    </div>
+    <b><a href="/connect-data/reference/stripe">Stripe</a></b>
+  </div>
+
+</div>
+
+<div className="containerGrid">
+
+  <div className="columnGrid column-one" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/trello">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/trello.png" alt="Trello"/>
@@ -342,7 +426,7 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/trello">Trello</a></b>
   </div>
 
-  <div className="columnGrid column-three" align="center">
+  <div className="columnGrid column-two" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/twilio">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/twilio.svg" alt="Twilio"/>
@@ -351,11 +435,7 @@ Appsmith also supports integration with various Software as a Service (SaaS) pla
     <b><a href="/connect-data/reference/twilio">Twilio</a></b>
   </div>
 
-</div>
-
-<div className="containerGrid">
-
-  <div className="columnGrid column-one" align="center">
+  <div className="columnGrid column-three" align="center">
     <div className="containerCol">
       <a href="/connect-data/reference/zendesk">
         <img className="containerImage referenceIcon" src="https://assets.appsmith.com/zendesk.png" alt="Zendesk"/>