chore: convert some class react components to functional

[Julusian]

About the Contributor

This pull request is posted on behalf of the BBC

Type of Contribution

This is a: Code improvement

New Behavior

Some small tidying to convert some simple components to be functional.

Make sure to hide whitespace changes when reviewing, over half the change is just whitespace.

Testing

• I have added one or more unit tests for this PR
• I have updated the relevant unit tests
• No unit test changes are needed for this PR

Affected areas

Time Frame

Other Information

Status

• PR is ready to be reviewed.
• The functionality has been tested by the author.
• Relevant unit tests has been added / updated.
• Relevant documentation (code comments, system documentation) has been added / updated.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 56.47%. Comparing base (7f1bc02) to head (8c5c933).
Report is 68 commits behind head on release52.

Additional details and impacted files

@@              Coverage Diff              @@
##           release52    #1351      +/-   ##
=============================================
+ Coverage      56.45%   56.47%   +0.01%     
=============================================
  Files            401      401              
  Lines          71980    71984       +4     
  Branches        4128     4551     +423     
=============================================
+ Hits           40637    40650      +13     
- Misses         31221    31233      +12     
+ Partials         122      101      -21     

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