Organize the functional testing page

In this issue, our goal is to improve the layout and organization of the functional testing page. The current design is somewhat unappealing, and it needs refinement.

You can view the existing functional test here: Functional Test

Our aim is to achieve a result similar to this: Desired Outcome

The specific lines in the CI that require attention can be found here: CI Lines