fixed layout issue in the form containers.

[Keikonichi]

Description

Fixes a layout bug in the textarea containers, which were previously exceeding the expected design boundaries. The containers have now been adjusted to adhere to the predefined limits, ensuring a better visual and functional user experience.

Fixes #1413

There is a sample video available showcasing the corrected layout.
https://jam.dev/c/5ad46da5-52b1-4471-8d68-0584ccc8c4b2

screen 768px
!

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• Existing feature enhancement (non-breaking change which modifies existing functionality)

Testing

1. Navigate to the screens with forms that contain text fields (textareas or inputs) to be filled.
2. Confirm that the containers for the text fields adhere to the predefined layout boundaries.
3. Ensure there is no layout breakage (overflowing or visual distortion of the containers).
4. Important: Line breaks in the entered content (e.g., long words wrapping to a new line) are expected behavior and should be considered correct, as long as the layout remains consistent.
5. Fill in the text fields by typing long, continuous words (without spaces).
6. Observe if the fields stay within the layout without causing distortions.
7. Resize the browser window to simulate different screen sizes (desktop, tablet, and mobile).
8. Use browser developer tools to test at specific resolutions.
9. Perform the tests on different browsers, such as Chrome, Firefox, Edge, and Safari, to ensure consistent behavior.
10. Verify that the functionality of the text fields is not affected by the changes.
11. Ensure text can be entered, edited, and removed without issues.
12. Record any unexpected behavior or anomalies found during the tests.

Developer Checklist

General

• No console.log or related logging is added.

Merge Request Review Checklist

• An issue is linked to this PR and these changes meet the requirements outlined in the linked issue(s)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud