front: fix scroll in stdcm result table

[RomainValls]

close #9625

Decided to put a max height of 80vh to prevent the results from increasing page size too much.
Can be changed for lesser / higher value if you think it's better to.

[codecov-commenter]

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

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 87.50%. Comparing base (ef6e28e) to head (3cb2c46).
Report is 17 commits behind head on dev.

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

Additional details and impacted files

@@             Coverage Diff             @@
##              dev   #10274       +/-   ##
===========================================
+ Coverage   81.45%   87.50%    +6.05%     
===========================================
  Files        1058       31     -1027     
  Lines      104235     1537   -102698     
  Branches      722        0      -722     
===========================================
- Hits        84907     1345    -83562     
+ Misses      19287      192    -19095     
+ Partials       41        0       -41     

Flag	Coverage Δ
editoast	?
front	?
gateway	?
osrdyne	?
railjson_generator	87.50% <ø> (ø)
tests	?

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.

[Yohh]

seems ok but just a suggestion:

to fit on screens, you could set a height on .stdcm__body:

    height: calc(100vh - 120px);

(100vh - stdcm navbar)

then remove your max-height and set a height on .simulation-results:

    height: calc(100vh - 180px);

(100vh - y-paddings - simulation-list height)

this way the should always fit on every screen heights

can you try it?
@kmer2016 do you agree?

[kmer2016]

seems ok but just a suggestion:

to fit on screens, you could set a height on .stdcm__body:

    height: calc(100vh - 120px);

(100vh - stdcm navbar)

then remove your max-height and set a height on .simulation-results:

    height: calc(100vh - 180px);

(100vh - y-paddings - simulation-list height)

this way the should always fit on every screen heights

can you try it? @kmer2016 do you agree?

I agree with the idea of making the height dynamic to improve responsiveness. However, after testing this approach, it slightly breaks the current layout.
Based on your suggestion, I propose the following

.table-container {
    height: calc(100vh - 120px);
    overflow-y: auto;
}

[RomainValls]

Thank you for the suggestions @Yohh and @kmer2016 🙏