[terra-table] Rerganized Cell.jsx for easier maintenance & readability

[sdadn]

Summary

This PR reorganizes the cell.jsx file for easier maintenance & readability by moving the code into labelled sections. There are no functional changes in this PR.

Testing

This change was tested using:

• WDIO
• Jest
• Visual testing (please attach a screenshot or recording)
• Other (please describe below)
• No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

• UX review
• Accessibility review
• Functional review

Additional Details

---

Thank you for contributing to Terra.
@cerner/terra

[github-actions]

	Fails
🚫	Please include a CHANGELOG entry for each changed package this PR. Looks like a CHANGELOG entry is missing for: terra-table

Generated by 🚫 dangerJS against 83b0a5c

[sdadn]

Fails
🚫 Please include a CHANGELOG entry for each changed package this PR. Looks like a CHANGELOG entry is missing for:

• terra-table

Generated by 🚫 dangerJS against 41de8bd

CHANGELOG updates are not needed.

[cm9361]

Are these changes necessary? It might make it harder to maintain to have manually added headers for code. I feel like some of the headers would make it confusing where to add code.

[sdadn]

Test failures are due to other wdio components. The jest tests passing indicate that the cell.jsx is still functionally identical after this change.

[sdadn]

Are these changes necessary? It might make it harder to maintain to have manually added headers for code. I feel like some of the headers would make it confusing where to add code.

@cm9361 The headers help to indicate what each block of code does at a glance, but I can remove them if it can cause more confusion in the future. Besides the headers, these changes are mainly grouping functionally similar code together to minimize jumping back and forth, such as putting all DOM related variables at the end.

[sdadn]

@cm9361 Removed all comment headers here: 83b0a5c