Add tabs for NGE integration

[Uriel-Sautron]

closes #7537

[theocrsb]

LGTM and tested

[Caracol3]

lgtm (tested)

[emersion]

This needs a rebase against the dev branch.

[Yohh]

LGTM 💪 tested

[codecov-commenter]

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

Codecov Report

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

Project coverage is 28.12%. Comparing base (cef8845) to head (7e3745e).

Files	Patch %	Lines
...cations/operationalStudies/views/v2/ScenarioV2.tsx	0.00%	79 Missing ⚠️
.../operationalStudies/components/MacroEditor/NGE.tsx	0.00%	59 Missing and 1 partial ⚠️
...operationalStudies/components/MicroMacroSwitch.tsx	0.00%	36 Missing and 1 partial ⚠️
front/src/common/Tabs.tsx	0.00%	1 Missing ⚠️

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

Additional details and impacted files

@@             Coverage Diff              @@
##                dev    #8006      +/-   ##
============================================
- Coverage     28.16%   28.12%   -0.04%     
  Complexity     2120     2120              
============================================
  Files          1300     1302       +2     
  Lines        158791   158914     +123     
  Branches       3177     3179       +2     
============================================
- Hits          44718    44702      -16     
- Misses       112169   112306     +137     
- Partials       1904     1906       +2     

Flag	Coverage Δ
core	75.42% <ø> (ø)
editoast	70.35% <ø> (-0.06%)	⬇️
front	9.97% <0.00%> (-0.02%)	⬇️
gateway	2.03% <ø> (ø)
railjson_generator	87.49% <ø> (ø)
tests	73.18% <ø> (ø)

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.

[emersion]

Discussed out-of-band with @clarani, we'll probably want to fix the ESLint complaints about the .js imports by sprinkling a few eslint-ignore comments (ESLint is getting confused by ?url):

  #141 329.3 /app/src/applications/operationalStudies/components/MacroEditor/NGE.tsx
  #141 329.3   3:21  warning  Unexpected use of file extension "js" for "@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/main.js?url"       import/extensions
  #141 329.3   3:21  warning  Unable to resolve path to module '@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/main.js?url'                import/no-unresolved
  #141 329.3   4:26  warning  Unexpected use of file extension "js" for "@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/polyfills.js?url"  import/extensions
  #141 329.3   4:26  warning  Unable to resolve path to module '@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/polyfills.js?url'           import/no-unresolved
  #141 329.3   5:24  warning  Unexpected use of file extension "js" for "@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/runtime.js?url"    import/extensions
  #141 329.3   5:24  warning  Unable to resolve path to module '@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/runtime.js?url'             import/no-unresolved
  #141 329.3   6:23  warning  Unable to resolve path to module '@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/styles.css?url'             import/no-unresolved
  #141 329.3   7:23  warning  Unexpected use of file extension "js" for "@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/vendor.js?url"     import/extensions
  #141 329.3   7:23  warning  Unable to resolve path to module '@osrd-project/netzgrafik-frontend/dist/netzgrafik-frontend/en/vendor.js?url'              import/no-unresolved

[emersion]

The linter is unhappy, can be fixed by running yarn prettier --write <path>:

  #141 329.3 /app/src/applications/operationalStudies/views/v2/ScenarioV2.tsx
  #141 329.3   316:97  warning  Replace `{scenario.description}` with `⏎····················{scenario.description}⏎··················`  prettier/prettier

[clarani]

Discussed with Louis and Thibaut, this PR can not be merged like this otherwise the manageTrainSchedule and SimulationResults screens are very small, which may not be a good thing for the operational studies.

[emersion]

Click on the "macro" tab, then the right arrow button: the sidebar opens, but it should just expand at the top instead.

[emersion]

TBH not sure this matters a lot and is worth fixing, we'll redesign the whole page soon enough… (e.g. we could just hide the arrow button in macro mode - maybe need to check with Thibault)

[emersion]

Optional opinionated nits in terms of naming:

• I'd find MicroMacroSwitch more descriptive than MicroMacroButtons personally
• In general I prefer to name event callback props onXXX, e.g. onClickButton instead of handleClickButton. Maybe onChange would be even better?

[emersion]

LGTM! (but note that I wrote part of the NGE component)

[louisgreiner]

LGTM, thank you very much despite all the last-minute changes

[Uriel-Sautron]

Don't merge now we are waiting for the PO's decision

[louisgreiner]

Can be merged, users will be informed of that specific feature

[Caracol3]

LGTM (tested)

[clarani]

LGTM & tested ✅ I just left 2 extra suggestions, you can fix and resolve the conversations on your own :) Don't forget to squash your commits