Fixes the misaligned table headers issue

[joshwingreene]

Changes

• Re-adds the use of the fragment (previously a separate div was surrounding each of the th inside of the tr)

Before

After

Purpose

Fixes the misaligned table headers issue

Approach

• I used git bisect to identify the commit that caused the bug. For reference, it was a part of the following PR: #683

Learning

• I learned how to use git bisect. You can find documentation about it here: https://git-scm.com/docs/git-bisect
• I learned more about Fragments in React and how to add keys to them. Here's the documentation: https://reactjs.org/docs/fragments.html#keyed-fragments

Testing Steps

1. Pull in the changes to your local copy of this branch and run it alongside the dj_starter_demo repo.
2. You should see that the table headers are no longer misaligned.

Screenshots

[joshwingreene]

Fix the table header misalignment issue