Fix visual glitches and improve the layouts of component tests

There are a lot of changed files, but these 2 screenshots will give you the gist of the changes since the changes are mostly the same for every test.

Before:

Notice the visual bugs on the left and right sides of the checkboxes. I bet you didn't know that the "Normal" label in the top left contained a mouse area that you could click on to switch to the complementary color set.

After:

The visual bugs are gone. There is a label in the top left telling you which type of component the test is for. There is also a checkbox in the top right that enables the complementary color set.

cc: @teams/vdg