feat(editor): Update callout component design (#5126)

feat(design-system): Update callout component design

packages/design-system/src/components/N8nCallout/Callout.vue

@@ -4,7 +4,10 @@
 			<div :class="$style.icon">
 				<n8n-icon :icon="getIcon" :size="theme === 'secondary' ? 'medium' : 'large'" />
 			</div>
-			<slot />&nbsp;
+			<n8n-text size="small">
+				<slot />
+			</n8n-text>
+			&nbsp;
 			<slot name="actions" />
 		</div>
 
@@ -14,6 +17,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import N8nText from '../N8nText';
 import N8nIcon from '../N8nIcon';
 
 const CALLOUT_DEFAULT_ICONS: { [key: string]: string } = {
@@ -26,6 +30,7 @@ const CALLOUT_DEFAULT_ICONS: { [key: string]: string } = {
 export default Vue.extend({
 	name: 'n8n-callout',
 	components: {
+		N8nText,
 		N8nIcon,
 	},
 	props: {
@@ -69,6 +74,7 @@ export default Vue.extend({
 
 .message-section {
 	display: flex;
+	align-items: center;
 }
 
 .info,