Toggle graphs in the training board olena

[0L3N4]

Client-side

Additions & Modifications:

1. Enhanced DropdownCard Component:

   • The DropdownCard component was refactored to allow dynamic control over its state (collapsed or expanded) based on a passed parameter.
   • By default, the component remains open.

2. Refinements in the Training Information Section:

   • Graphs within the Training Information section were encapsulated within the newly refactored DropdownCard component. This provides users the option to expand or collapse the graphical data, improving the clarity and organization of training details.

3. Removed Training Logs from Training Information:

   • The Training Logs information was removed from the Training Information section, streamlining the display and focusing user attention on more important information.

[tharvik]

thanks for the work! a few comments on how to improve it, please also fix the tests/lint found by the CI

[JulienVig]

Great! The TrainingInformation's test can still be improved a bit :)

Can you resolve tharvik's comments if addressed them?

[JulienVig]

Only one length should be expected (is the advanced information open or closed by default?).

Can you break this down into two assertions: one when the length is expected to be 0 and another when the length should be 3? You can use cypress' .click() to toggle the advanced information.

[0L3N4]

This test is designed to validate the Training Logs section, which has been removed. Therefore, the test should only pass when the length is 0. However, does it make sense to keep this test at all, considering there is essentially nothing left for it to verify?

[JulienVig]

Indeed you can remove it altogether!

[JulienVig]

Hey @iamsherlocked1891, could you wait until Dec 5th to merge this PR? There a DISCO demo happening tomorrow so it would be safer to wait until it's past :)