FR-14220 - Added SteppedUpContent HOC

[doregg]

• Stepped up content implementation - HOC for step up.
• Including a bug fix when the router has a fallback and no step up configured URL from the client

About the HOC:

• By default the HOC will step up when needed
• The user can prevent it by passing preventSteppingUp=true
• 2 HOCs can't be hosted in the same page simultaneously without prevent one of them to step up (only one can lead the step up action)

import React, { FC } from 'react';
import { SteppedUpContent } from '@frontegg/react';

export const HomePage: FC = (props) => {
  return (
    <>
      <SteppedUpContent maxAge={30}>
        Honey, you are <b style={{ color: '#1665c0' }}>STEPPED UP!</b>
      </SteppedUpContent>

// or the following one:
      <SteppedUpContent
        maxAge={30}
        render={(isSteppedUp) =>
          isSteppedUp ? (
            <div>
              Honey, you are <b style={{ color: '#1665c0' }}>STEPPED UP!</b>
            </div>
          ) : null
        }
      />
    </>
  );
};

[rotemzif1]

@doregg can you please add to the exmaple app here a usage of the component
? I am missing a bit how do we expect them to use the component

[doregg]

@doregg can you please add to the exmaple app here a usage of the component ? I am missing a bit how do we expect them to use the component

added to the description