🤔 What's the problem you're trying to solve?

When the Cucumber feature contains free text descriptions under the feature or scenarios, this descriptive text is not properly formatted for end of lines. As a result, paragraphs and multiline text often appear compressed without appropriate spacing, making the reports harder to read.

For example, for the View Simulation Author Feature:

Feature: View Simulation Authors

  *As a Simulation Author who is managing the Simulation's stakeholders,
  I want to see a complete list of all assigned authors,
  So that I can confirm who has collaborative access and accurately manage the team.*

  The Author who created the Simulation must be listed as both the "Author" and an "Owner" in the
stakeholders list for that Simulation.

The output:

✨ What's your proposed solution?

Add CSS styles to the main stylesheet (src/index.css) to ensure that all <p> elements in the generated reports have standard margins and line breaks, improving readability and visual separation. For example:

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

This will make sure that paragraphs are visually separated and follow user-agent best practices for text rendering.

⛏ Have you considered any alternatives or workarounds?

No response

📚 Any additional context?

No response