SlideMenu: Pass information about levelState

[wolnynick]

Describe the feature you would like to see added

Thanks a lot for this feature: #3397, but after thinking a little about this I noted that we can't know when our button with this functionality (onNavigateBack) should be visible.

Your button checks levelState before render:

        const createBackward = () => {
            const className = classNames('p-slidemenu-backward', {
                'p-hidden': levelState === 0
            });

            return (
                <div ref={backward} className={className} onClick={navigateBack}>
                    <span className="p-slidemenu-backward-icon pi pi-fw pi-chevron-left"></span>
                    <span>{props.backLabel}</span>
                </div>
            );
        };

Outside of the component we should have something similar:

useEffect(() => {
   onLevelChange(levelState)
}, [levelState])

or

        const navigateForward = () => {
            setLevelState((prevLevel) => prevLevel + 1);
            onLevelChange(levelState)
        };

        const navigateBack = () => {
            setLevelState((prevLevel) => prevLevel - 1);
            onLevelChange(levelState)
        };

SlideMenu.displayName = 'SlideMenu';
SlideMenu.defaultProps = {
    ...
    onLevelStateChange: null
};

Is your feature request related to a problem?

No response

Describe the solution you'd like

No response

Describe alternatives you have considered

No response

Additional context

No response

[melloware]

I added two things an onNavigate(level: number) callback as well as exposed setLevelState so you can set a level directly. This should solve both this issue and #3398