Add pipeline pre/post-processing steps breakdown in the utterance detail page

[gabegma]

Resolve #283

Description:

• For the documentation changes, I recommend looking at cdd8190 alone so you can see the diff.
• I added a performance test so that it doesn't take too long to load the HF tables as we add columns to them, but I'm afraid that the tests will be a bit flaky. Not sure what is the best way to proceed and how much buffer to leave.

Checklist:

You should check all boxes before the PR is ready. If a box does not apply, check it to acknowledge it.

• ISSUE NUMBER. You linked the issue number (Ex: Resolve #XXX).
• PRE-COMMIT. You ran pre-commit on all commits, or else, you
  ran pre-commit run --all-files at the end.
• USER CHANGES. The changes are added to CHANGELOG.md and the documentation, if they impact
  our users.
• DEV CHANGES.
  • Update the documentation if this PR changes how to develop/launch on the app.
  • Update the README files and our wiki for any big design decisions, if relevant.
  • Add unit tests, docstrings, typing and comments for complex sections.

[JosephMarinier]

Small architecture question...

[JosephMarinier]

This is the problem that @nandhinibsn has been experiencing; it was missing nullable=True. It's not related to this PR, but I committed it here to avoid conflicts: 7a053daa36f66f9cca442b04a1816a7821903153

[JosephMarinier]

Hello @christyler3030, @nandhinibsn, could you please review my work on the front end? I recommend reviewing those 3 commits separately:

• Preliminary work:
  • Replace makeStyles
  • Add and test camelToTitleCase
• Preliminary work:
  • Add processing step selector