Convert QualityMetrics/index to functional component

[Parship12]

Which problem is this PR solving?

• Resolves part of [Feature]: Refactor class components to functional components #2610
• Convert QualityMetrics/index.tsx from class to functional component

Checklist

• I have read https://github.com/jaegertracing/jaeger/blob/master/CONTRIBUTING_GUIDELINES.md
• I have signed all commits
• I have added unit tests for the new functionality
• I have run lint and test steps successfully
  • for jaeger: make lint test
  • for jaeger-ui: npm run lint and npm run test

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.87%. Comparing base (f7cdc42) to head (3889c10).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3210      +/-   ##
==========================================
- Coverage   97.88%   97.87%   -0.01%     
==========================================
  Files         261      261              
  Lines        8212     8205       -7     
  Branches     2089     2174      +85     
==========================================
- Hits         8038     8031       -7     
  Misses        173      173              
  Partials        1        1              

☔ 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.