fix(breadcrumb): restore useRef to enable proper Stencil attributePassing

After testing multiple approaches (type changes, conditional configs,
disabling attributePassing), discovered that removing useRef may have
CAUSED the nested navigation ARIA issue rather than fixing it.

Navigation component with useRef works correctly in tests. This commit
restores useRef and ref={_ref} to breadcrumb to match the working
pattern and enable proper Stencil attribute delegation from custom
element to root nav element.

Author: sarahbrng

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

@@ -1,4 +1,9 @@
-import { useDefaultProps, useMetadata, useStore } from '@builder.io/mitosis';
+import {
+	useDefaultProps,
+	useMetadata,
+	useRef,
+	useStore
+} from '@builder.io/mitosis';
 import { cls } from '../../utils';
 import { DBIcon } from '../icon';
 import type { DBBreadcrumbProps, DBBreadcrumbState } from './model';
@@ -14,6 +19,7 @@ useDefaultProps<DBBreadcrumbProps>({
 });
 
 export default function DBBreadcrumb(props: DBBreadcrumbProps) {
+	const _ref = useRef<HTMLElement | any>(null);
 	const state = useStore<DBBreadcrumbState>({
 		isExpanded: false,
 		toggleExpanded() {
@@ -23,6 +29,7 @@ export default function DBBreadcrumb(props: DBBreadcrumbProps) {
 
 	return (
 		<nav
+			ref={_ref}
 			id={props.id}
 			class={cls('db-breadcrumb', props.className)}
 			data-size={props.size}