Expose goto func as Prop to renderSteps

[francois06]

It allows to call goto function when you customize renderSteps :

<Loki
   onFinish={onFinish}
   noActions
   renderSteps={(props) => <CustomSteps steps={steps} {...props} />}
   steps={steps}
/>

const CustomSteps = ({ steps, currentStep, goto }) => {
       // now you can use goto
	const customSteps = steps.map((step, index) => {
		const isActive = currentStep === index + 1;
		const isNext = currentStep < index + 1;
		const handleClick = (e) => {
			e.preventDefault();
			if (isNext) return false;
			return goto(index + 1);
		};
		return (
			<li key={step.label} className={clsx('card-box', { current: isActive })}>
				<a href="#" onClick={handleClick} className={clsx({ disabled: isNext })} disabled={!!isNext}>
					<div className="label">{step.label}</div>
					<div className="step-indicator">{step.number}</div>
				</a>
			</li>
		);
	});

	return (
		<div className="horizontal">
			<ul className="steps-indicator">{customSteps}</ul>
		</div>
	);
};