Investigate and align textareas with the grid

[rmccar]

As a user,
I want the textareas to have consistent padding and margins,
so that they align properly with the grid and are whole pixels in size, providing a clean and precise layout.

Acceptance Criteria:

1. Investigate the current padding and margin settings for textareas.
2. Identify any discrepancies or misalignments with the grid.
3. Adjust the padding and margin settings to ensure that textareas sit correctly on the grid and are whole pixels in size.
4. Verify that the changes are consistent across different screen sizes and devices.
5. Ensure that the visual appearance of the textareas is improved and aligns with the overall design guidelines.

Visualisation

Link to the issue on Figma https://www.figma.com/design/Wr9b6pK35euFoA6xq3G9Ld/Grid-review?node-id=0-1&node-type=canvas&m=dev