chore: sync

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components/dashboard/settings/data-sources/SupportedDocs.vue

@@ -19,23 +19,9 @@ const supportedDocs = [
 </script>
 
 <template>
-  <div class="w-full flex flex-col gap-3">
-    <div class="text-sm text-gray-800 font-semibold">Relevant documentation</div>
-
-    <div>
-      <div v-for="(doc, idx) of supportedDocs" :key="idx" class="flex items-center gap-1">
-        <div class="h-7 w-7 flex items-center justify-center">
-          <GeneralIcon icon="bookOpen" class="flex-none w-4 h-4 text-gray-500" />
-        </div>
-        <a
-          :href="doc.href"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="!text-gray-600 text-sm !no-underline !hover:underline"
-        >
-          {{ doc.title }}
-        </a>
-      </div>
-    </div>
-  </div>
+  <NcModalSupportedDocs :docs="supportedDocs">
+    <template #title>
+      {{ $t('title.relevantDocumentation') }}
+    </template>
+  </NcModalSupportedDocs>
 </template>