fix: some alignements issue

packages/nc-gui/components/workspace/integrations/IntegrationsTab.vue

@@ -11,12 +11,14 @@ const props = withDefaults(
     filterCategory?: (c: IntegrationCategoryItemType) => boolean
     filterIntegration?: (i: IntegrationItemType) => boolean
     showFilter?: boolean
+    showTitle?: boolean
   }>(),
   {
     isModal: false,
     filterCategory: () => true,
     filterIntegration: () => true,
     showFilter: false,
+    showTitle: false,
   },
 )
 
@@ -305,13 +307,26 @@ watch(activeViewTab, (value) => {
         >
           <div v-if="integrationListContainerWidth" class="px-6 pt-6">
             <div
-              class="flex items-end justify-end flex-wrap gap-3 m-auto"
+              class="flex justify-end flex-wrap gap-3 m-auto"
+              :class="{
+                'items-start': showTitle,
+                'items-end': !showTitle,
+              }"
               :style="{
                 maxWidth: listWrapperMaxWidth,
               }"
             >
               <div class="flex-1">
-                <div class="text-sm font-normal text-nc-content-gray-subtle2 mb-2">
+                <h2 v-if="showTitle" class="text-lg font-semibold text-nc-content-gray mb-2">
+                  {{ $t('general.integrations') }}
+                </h2>
+
+                <div
+                  class="text-sm font-normal text-nc-content-gray-subtle2 mb-2"
+                  :class="{
+                    '!mb-4': showTitle,
+                  }"
+                >
                   <div>
                     {{ $t('msg.connectIntegrations') }}
                     <a href="https://nocodb.com/docs/product-docs/integrations" target="_blank" rel="noopener noreferrer">{{