feat(@clayui/multi-step-nav): LPD-36816 Adds prop center to center the nav

Author: pat270

packages/clay-multi-step-nav/src/MultiStepNav.tsx

@@ -17,6 +17,11 @@ export interface IProps extends React.HTMLAttributes<HTMLOListElement> {
 	 */
 	autoCollapse?: boolean;
 
+	/**
+	 * Flag to indicate if nav should add the `multi-step-nav-center` class.
+	 */
+	center?: boolean;
+
 	/**
 	 * Flag to indicate if nav should add `multi-step-item-fixed-width` class.
 	 */
@@ -37,6 +42,7 @@ function ClayMultiStepNav(props: IProps): JSX.Element & {
 
 function ClayMultiStepNav({
 	autoCollapse = true,
+	center,
 	children,
 	className,
 	fixedWidth,
@@ -46,6 +52,7 @@ function ClayMultiStepNav({
 	return (
 		<ol
 			className={classNames('multi-step-nav', className, {
+				'multi-step-nav-center': center,
 				'multi-step-item-fixed-width': fixedWidth,
 				'multi-step-nav-collapse-sm': autoCollapse,
 				[`multi-step-indicator-label-${indicatorLabel}`]: