Replace connect with useSelector() and useDispatch() 3/5 #2316

[ahtesham-quraish]

Description

#2316.

Supporting information

Link to other information about the change, such as GitHub issues, or Discourse discussions.
Be sure to check they are publicly readable, or if not, repeat the information here.

Testing instructions

Please provide detailed step-by-step instructions for manually testing this change.

Other information

Include anything else that will help reviewers and consumers understand the change.

• Does this change depend on other changes elsewhere?
• Any special concerns or limitations? For example: deprecations, migrations, security, or accessibility.

Best Practices Checklist

We're trying to move away from some deprecated patterns in this codebase. Please
check if your PR meets these recommendations before asking for a review:

• Any new files are using TypeScript (.ts, .tsx).
• Deprecated propTypes, defaultProps, and injectIntl patterns are not used in any new or modified code.
• Tests should use the helpers in src/testUtils.tsx (specifically initializeMocks)
• Do not add new fields to the Redux state/store. Use React Context to share state among multiple components.
• Use React Query to load data from REST APIs. See any apiHooks.ts in this repo for examples.
• All new i18n messages in messages.ts files have a description for translators to use.
• Imports avoid using ../. To import from parent folders, use @src, e.g. import { initializeMocks } from '@src/testUtils'; instead of from '../../../../testUtils'

[codecov]

Codecov Report

❌ Patch coverage is 97.39130% with 3 lines in your changes missing coverage. Please review.
✅ Project coverage is 94.42%. Comparing base (8326257) to head (2dfe074).
⚠️ Report is 1 commits behind head on master.

Files with missing lines	Patch %	Lines
...ingsWidget/settingsComponents/SwitchEditorCard.jsx	91.66%	1 Missing ⚠️
src/editors/containers/TextEditor/index.jsx	94.73%	1 Missing ⚠️
...eoSettingsModal/components/HandoutWidget/index.jsx	92.30%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #2341      +/-   ##
==========================================
+ Coverage   94.40%   94.42%   +0.01%     
==========================================
  Files        1167     1168       +1     
  Lines       24957    24985      +28     
  Branches     5303     5304       +1     
==========================================
+ Hits        23561    23591      +30     
+ Misses       1329     1327       -2     
  Partials       67       67              

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[bradenmacdonald]

Thanks for this!

For reviewers, please don't merge this until we've merged #2343 and rebased this on top of it. I suggest holding off on review until then as well.

[mubbsharanwar]

nit: remove comment line.

[bradenmacdonald]

@ahtesham-quraish Could you please take another look at this PR, and rebase it etc.? I'd appreciate if you can help get all your PRs green and ready for review, and address all outstanding comments before opening any more new PRs. I'll try to help with your coverage questions where I can, but I'm a little behind in my reviews at the moment. Thanks!