✨ Add parameter hints for node parameters N8N-2841 (#2704)

* 🔨 base functionality done

* :fix: changes accordingly to review

* :fix: replaced div with n8n-text

* :fix: return wrong deleted color variable

* add mock examples for testing

* add slack node test param

* 🔨 changed font size of hint, added top margin

* 🔨 updated comments and function name

* 🔨 updated parameterHint to hint

* 🔨 updated text color, set compact to true, changed inputLabelHint to hint

* 🔨 updated components styles

* 🔨 replaced mini with xsmall

* :fix: fixed line height

* :fix: changed line height to 1.25

* :hummer: removed mock data

* 🔨 changed xsmall line-height

* ⚡ update to merge hint

Co-authored-by: Mutasem <mutdmour@gmail.com>

packages/editor-ui/src/components/ParameterInputHint.vue

@@ -0,0 +1,22 @@
+<template>
+	<div>
+		<n8n-text size="xsmall" color="text-base" v-if="hint">
+			<div ref="hint" v-html="hint"></div>
+		</n8n-text>
+	</div>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+
+export default Vue.extend({
+	name: 'InputHint',
+	props: ['hint'],
+	mounted(){
+		if(this.$refs.hint){
+			(this.$refs.hint as Element).querySelectorAll('a').forEach(a => a.target = "_blank");
+		}
+	},
+});
+</script>
+