feat: Bubble integration details and the corresponding demo guide cod…

…e added. (#880)

**This MR introduces a new feature:**

In the **Bubble Integration** section, users are now presented with a
demo code showcasing how to use the Impler SDK for integration with
Bubble.

apps/web/components/Integration/IntegrationData.tsx

@@ -944,7 +944,7 @@ export class AppComponent {
     ),
   },
   [IntegrationEnum.BUBBLE]: {
-    'Integration Steps': () => (
+    '1) Integration Steps': () => (
       <>
         <List type="ordered" styles={{ item: { margin: '10px 0', paddingLeft: '20px' } }}>
           <List.Item>
@@ -1000,5 +1000,18 @@ export class AppComponent {
         </Link>
       </>
     ),
+    '2) Add Import Button': ({ accessToken, projectId, templateId }) => (
+      <>
+        <CodeBlock
+          height={HEIGHTS.WITH_TEXT}
+          code={`
+projectId: "${projectId}",
+templateId: "${templateId}",
+accessToken: "${accessToken}",
+`}
+          language="javascript"
+        />
+      </>
+    ),
   },
 };