fix: Use redux hooks in Authn login page

[attiyaIshaque]

Description

This pull request intends to enhance the loginPage and Logistration components by adopting the React-Redux hooks useSelector and useDispatch in place of the conventional mapStateToProps and mapDispatchToProps functions. This update is aimed at improving maintainability.

This work is done in an effort to make the code in Authn consistent. Currently, we are using a mix of redux hooks and mapStateToProps and mapDispatchToProps functions.

JIRA

VAN-1810

How Has This Been Tested?

Locally

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.22%. Comparing base (8be350e) to head (fade402).
Report is 6 commits behind head on master.

❗ Current head fade402 differs from pull request most recent head 35a55ac. Consider uploading reports for the commit 35a55ac to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #1188   +/-   ##
=======================================
  Coverage   84.22%   84.22%           
=======================================
  Files         126      126           
  Lines        2396     2384   -12     
  Branches      680      677    -3     
=======================================
- Hits         2018     2008   -10     
+ Misses        358      356    -2     
  Partials       20       20           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[arbrandes]

I know this is still just a draft, but before making it official please include in the description the rationale behind this change. I'd like to review the PR once it's ready. Thanks!

[zainab-amir]

@arbrandes this PR still needs an internal review. Please review once we are done with our team's review on this. Thank you

[mubbsharanwar]

Look's good to me.

[syedsajjadkazmii]

Hi, @arbrandes!
This PR is ready for review.

[zainab-amir]

@arbrandes do we need to wait for your review on this?