Add feedback email adress after simulation in stdcm

[Caracol3]

See the mockup here : https://www.sketch.com/s/15e0909c-f17d-4200-a770-b9fc1154fa7e/a/L4ZxexL

close #11030

[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 80.71%. Comparing base (0d068db) to head (d93402c).
Report is 10 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   #11031      +/-   ##
==========================================
+ Coverage   80.69%   80.71%   +0.02%     
==========================================
  Files        1098     1099       +1     
  Lines      111888   111987      +99     
  Branches      745      745              
==========================================
+ Hits        90290    90395     +105     
+ Misses      21555    21549       -6     
  Partials       43       43              

Flag	Coverage Δ
editoast	72.41% <ø> (+0.03%)	⬆️
front	89.94% <100.00%> (+0.01%)	⬆️
gateway	2.18% <ø> (ø)
osrdyne	2.53% <ø> (ø)
railjson_generator	87.58% <ø> (ø)
tests	87.90% <ø> (ø)

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.

[kmer2016]

Shouldn't we open the mail in a new tab?

[kmer2016]

Just to keep the same name used for the file

Suggested change

	const FeedbackCard = () => {
	const StdcmFeedback = () => {

[kmer2016]

The email content formatting could be simplified:

Suggested change

	const handleEmailClick = () => {
	const subject = encodeURIComponent(t('mailFeedback.subject'));
	const trainInfo = encodeURIComponent(`
	********
	${t('mailFeedback.simulationDetails')}:
	${t('consist.tractionEngine')}: ${trainName}
	${t('consist.compositionCode')}: ${consistCode}
	${t('consist.tonnage')}: ${consistMass}
	${t('consist.length')}: ${consistLength}
	${t('consist.maxSpeed')}: ${maxSpeed}
	${t('trainPath.origin')}: ${origin}
	${t('trainPath.destination')}: ${destination}
	${t('departureTime')}: ${departureTime}
	`);
	const body = `${trainInfo}${t('mailFeedback.body')}`;
	window.location.href = `mailto:[email protected]?subject=${subject}&body=${body}`;
	};
	const handleEmailClick = () => {
	const subject = encodeURIComponent(t('mailFeedback.subject'));
	const separator = '********';
	const messageContent = `
	${separator}
	${t('mailFeedback.simulationDetails')}:
	${t('consist.tractionEngine')}: ${trainName}
	${t('consist.compositionCode')}: ${consistCode}
	${t('consist.tonnage')}: ${consistMass}
	${t('consist.length')}: ${consistLength}
	${t('consist.maxSpeed')}: ${maxSpeed}
	${t('trainPath.origin')}: ${origin}
	${t('trainPath.destination')}: ${destination}
	${t('departureTime')}: ${departureTime}
	${separator}
	${t('mailFeedback.body')}
	${separator}`;

This:

• Moves formatting out of translation files
• Layout/formatting is managed in the component

[kmer2016]

The translation key contains formatting that should be handled in the component:

This way:

• Translation file only contains content
• Layout/formatting is managed in the component
• Easier to maintain and update translations

Suggested change

	"body": "%0A********%0A%0ANous%20vous%20invitons%20à%20nous%20envoyer%20un%20message.%0ADès%20que%20vous%20avez%20un%20gêne%20ou%20une%20remarque,%0Amême%20si%20vous%20n’y%20mettez%20pas%20la%20forme.%0A%0AMerci%20à%20vous%20par%20avance,%0AL’équipe%20du%20projet%20LMR%0A%0A(vous%20pouvez%20effacer%20ce%20message)%0A%0A********",
	"body": "Nous vous invitons à nous envoyer un message.\nDès que vous avez une gêne ou une remarque,\nmême si vous n'y mettez pas la forme.\n\nMerci à vous par avance,\nL'équipe du projet LMR\n\n(vous pouvez effacer ce message)"