front: redesign of the list of trains on the results page

[theocrsb]

Mockup: https://www.sketch.com/s/2fb064cd-c483-46ac-bd30-72705fd63e75/a/el9lZmq

Closes #8601

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

Attention: Patch coverage is 0% with 319 lines in your changes missing coverage. Please review.

Project coverage is 37.13%. Comparing base (3460672) to head (312d77a).
Report is 1 commits behind head on dev.

Files with missing lines	Patch %	Lines
...hedule/components/Timetable/TimetableTrainCard.tsx	0.00%	120 Missing ⚠️
...schedule/components/Timetable/TimetableToolbar.tsx	0.00%	105 Missing ⚠️
...trainschedule/components/Timetable/FilterPanel.tsx	0.00%	70 Missing and 1 partial ⚠️
...s/trainschedule/components/Timetable/Timetable.tsx	0.00%	21 Missing and 1 partial ⚠️
...tudies/components/Scenario/ScenarioDescription.tsx	0.00%	0 Missing and 1 partial ⚠️

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@             Coverage Diff              @@
##                dev    #8765      +/-   ##
============================================
+ Coverage     37.05%   37.13%   +0.07%     
  Complexity     2211     2211              
============================================
  Files          1260     1260              
  Lines        114820   114899      +79     
  Branches       3223     3223              
============================================
+ Hits          42551    42672     +121     
+ Misses        70337    70295      -42     
  Partials       1932     1932              

Flag	Coverage Δ
core	74.79% <ø> (ø)
editoast	72.53% <ø> (+0.07%)	⬆️
front	15.21% <0.00%> (+0.04%)	⬆️
gateway	2.20% <ø> (ø)
osrdyne	2.60% <ø> (ø)
railjson_generator	87.49% <ø> (ø)
tests	86.46% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[theocrsb]

https://www.sketch.com/s/2fb064cd-c483-46ac-bd30-72705fd63e75/p/27329D7B-C7CF-48C4-835A-1BA94627AF52/canvas

[kmer2016]

"Great work! Not much to say on the code side, just a small CSS suggestion. However, I have a few questions regarding the behavior:

• It seems like a third scrollbar has appeared.
  

• When clicking the checkbox on a TrainCard, the corresponding train gets selected, and the curves and output tables are updated with that train's info. Previously, the train was selected by clicking on the TrainCard itself, not the checkbox.

• In a new scenario, the 'No train' checkbox is always checked and cannot be unchecked.

• There's no longer any distinction for trains on which path projection has been performed.

• The hover effect on the first action button doesn't turn white like the others."

[theocrsb]

"Great work! Not much to say on the code side, just a small CSS suggestion. However, I have a few questions regarding the behavior:

• It seems like a third scrollbar has appeared.
  
• When clicking the checkbox on a TrainCard, the corresponding train gets selected, and the curves and output tables are updated with that train's info. Previously, the train was selected by clicking on the TrainCard itself, not the checkbox.
• In a new scenario, the 'No train' checkbox is always checked and cannot be unchecked.
• There's no longer any distinction for trains on which path projection has been performed.
• The hover effect on the first action button doesn't turn white like the others."

This is done for the hover and scroll bar.
When there is no train, it is normal for the box to be checked.
For trains on which a path projection has been carried out, @thibautsailly will be able to give us a new display.
We'll need to solve the checkbox problem.

[theocrsb]

I pushed a solution for the checkbox problem

[kmer2016]

LGTM !