renderAuthFailed when present displays before before permission and roles validation is checked

[Maxwell-ihiaso]

When a user passes a component to be rendered as renderAuthFailed Props, this component is triggered a couple of seconds before the role and permission validation kicks in

Code sample

<AllowedAccess
      roles={[MODULE.DASHBOARD?.toLowerCase()]}
      renderAuthFailed={<p>Not Allowed to see this!</p>}
      isLoading={
        <Stack justifyContent="center" alignItems="center" height="50dvh">
          <CircularProgress color="primary" />
        </Stack>
      }
    >
    <SomeComponent />
       </AllowedAccess>