feat(editor): Add Beta tag to Data Tables (no-changelog) (#19458)

packages/frontend/@n8n/design-system/src/components/N8nTabs/Tabs.vue

@@ -4,6 +4,7 @@ import { RouterLink } from 'vue-router';
 
 import type { TabOptions } from '../../types';
 import N8nIcon from '../N8nIcon';
+import Tag from '../N8nTag/Tag.vue';
 import N8nTooltip from '../N8nTooltip';
 
 interface TabsProps {
@@ -123,6 +124,7 @@ const scrollRight = () => scroll(50);
 					>
 						<N8nIcon v-if="option.icon" :icon="option.icon" size="medium" />
 						<span v-if="option.label">{{ option.label }}</span>
+						<Tag v-if="option.tag" :text="option.tag" :clickable="false" />
 					</RouterLink>
 					<div
 						v-else
@@ -151,6 +153,7 @@ const scrollRight = () => scroll(50);
 							:class="$style.icon"
 							size="small"
 						/>
+						<Tag v-if="option.tag" :text="option.tag" :clickable="false" />
 					</div>
 				</N8nTooltip>
 			</div>

packages/frontend/@n8n/design-system/src/types/tabs.ts

@@ -13,4 +13,5 @@ export interface TabOptions<Value extends string | number> {
 	align?: 'left' | 'right';
 	to?: RouteLocationRaw;
 	notification?: boolean;
+	tag?: string;
 }