fix(breadcrumb): add default ellipsis aria-label for improved accessibility

Author: sarahbrng

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

@@ -12,11 +12,11 @@ useMetadata({});
 
 useDefaultProps<DBBreadcrumbProps>({
 	size: 'small',
-	separator: 'chevron'
+	separator: 'chevron',
+	ellipsisAriaLabel: 'Expand to show all breadcrumb items'
 });
 
 export default function DBBreadcrumb(props: DBBreadcrumbProps) {
-	const defaultEllipsisAriaLabel = 'Expand to show all breadcrumb items';
 	const _ref = useRef<HTMLElement | any>(null);
 	const state = useStore<DBBreadcrumbState>({
 		isExpanded: false,
@@ -87,7 +87,7 @@ export default function DBBreadcrumb(props: DBBreadcrumbProps) {
 										class="db-breadcrumb-ellipsis"
 										aria-label={
 											props.ellipsisAriaLabel ??
-											defaultEllipsisAriaLabel
+											'Expand to show all breadcrumb items'
 										}
 										aria-expanded={
 											state.isExpanded ? 'true' : 'false'