fix(breadcrumb): add onMount to strip host role for nested navigation landmarks

Author: sarahbrng

packages/components/src/components/breadcrumb/breadcrumb.lite.tsx

@@ -1,4 +1,5 @@
 import {
+	onMount,
 	useDefaultProps,
 	useMetadata,
 	useRef,
@@ -27,6 +28,18 @@ export default function DBBreadcrumb(props: DBBreadcrumbProps) {
 		}
 	});
 
+	// Prevent nested/duplicate navigation landmarks in Stencil by stripping host role
+	onMount(() => {
+		try {
+			const parent = (_ref as any)?.get()?.closest?.('db-breadcrumb');
+			if (parent && parent.hasAttribute('role')) {
+				parent.removeAttribute('role');
+			}
+		} catch {
+			/* no-op */
+		}
+	});
+
 	return (
 		<nav
 			ref={_ref}

packages/components/src/components/breadcrumb/breadcrumb.spec.tsx

@@ -19,7 +19,7 @@ import { DBBreadcrumb } from './index';
 import { DEFAULT_VIEWPORT } from '../../shared/constants.ts';
 
 const defaultBreadcrumb: any = (
-	<DBBreadcrumb>
+	<DBBreadcrumb ariaLabel="Breadcrumb">
 		<li>
 			<a href="#">Home</a>
 		</li>