refactor createRedirectWithUserName cleanup version

[PiyushChandra17]

Associated issue: #2042

Changes:

• Used useHistory hook from react-router-dom instead of using global constant
• More cleanup if condition in useEffect to check if username is true

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[raclim]

Overall this seems good to me, thanks for your work on this!