rename to breadcrumbs

Author: ntsekouras

client/dashboard/components/page-header/index.stories.tsx

@@ -57,7 +57,7 @@ export const FullExample: Story = {
 		title: 'Site Customization',
 		description: 'Make your site look exactly how you want it to',
 		decoration: <Icon icon={ wordpress } />,
-		breadcrumb: (
+		breadcrumbs: (
 			<Breadcrumbs
 				items={ [
 					{ label: 'Dashboard', href: 'javascript:void(0)' },

client/dashboard/components/page-header/index.tsx

@@ -36,11 +36,11 @@ export const PageHeader = ( {
 	description,
 	actions,
 	decoration,
-	breadcrumb,
+	breadcrumbs,
 }: PageHeaderProps ) => {
 	return (
 		<VStack spacing={ 2 }>
-			{ breadcrumb }
+			{ breadcrumbs }
 			<HStack spacing={ 4 } justify="flex-start" alignment="flex-start">
 				{ decoration && (
 					<span className="client-dashboard-components-page-header__decoration">

client/dashboard/components/page-header/test/index.tsx

@@ -44,7 +44,7 @@ describe( 'PageHeader', () => {
 		render(
 			<PageHeader
 				title="Test Title"
-				breadcrumb={
+				breadcrumbs={
 					<Breadcrumbs
 						items={ [
 							{ label: 'Home', href: '/' },

client/dashboard/components/page-header/types.ts

@@ -21,8 +21,8 @@ export interface PageHeaderProps {
 	 */
 	decoration?: React.ReactNode;
 	/**
-	 * An optional breadcrumb component used to indicate the user's current position
+	 * An optional breadcrumbs component used to indicate the user's current position
 	 * in a complex navigational structure and allow quick access to parent levels.
 	 */
-	breadcrumb?: React.ReactNode[];
+	breadcrumbs?: React.ReactNode;
 }