Optimization history plot in dashboard has formatting and interaction issues

[hschilling]

Description

The Optimization -> History plot in the dashboard has formatting and usability issues.

1. No units on the X axes
2. Legend is not in an optimum location
3. The list of variables on the left overlaps the Y axis labels
4. There is a huge amount of blank space below the plot on the page
5. The list of variables on the left can be long. Need to find a way to deal with that. You have to scroll down the list and you lose the view of the plot
6. Very slow response times
7. After a few variable selections, they stop working

See this image to see some of the formatting issues:

Example

Run this script

from aviary.interface.methods_for_level2 import AviaryProblem
from aviary.variable_info.enums import Verbosity
from aviary.interface.default_phase_info.two_dof import phase_info as two_dof_phase_info


prob = AviaryProblem()

local_phase_info = deepcopy(two_dof_phase_info)
prob.load_inputs('aviary/models/test_aircraft/converter_configuration_test_data_GwGm.csv', local_phase_info)

prob.check_and_preprocess_inputs()
prob.add_pre_mission_systems()
prob.add_phases()
prob.add_post_mission_systems()
prob.link_phases()
prob.add_driver("SLSQP", max_iter=20, verbosity=Verbosity.QUIET)
prob.add_design_variables()
prob.add_objective()
prob.setup()
prob.set_initial_guesses()

prob.recording_options['record_inputs'] = True
prob.recording_options['record_outputs'] = True

prob.run_aviary_problem("dymos_solution.db", optimization_history_filename='driver_history.db', make_plots=True)```

and then run 

`aviary dashboard model_with_strut`




### Aviary Version

0.9.4-dev

### Relevant environment information

_No response_