Custom HTML Template Breaks Text Area Output

I am still having the same problem which I have posted here 4 months ago and still didn’t got an answer to: https://wordpress.org/support/topic/text-area-add-breaks-to-output/

The problem at hand is that with a custom HTML e-mail template like this one: https://github.com/RafaelDeJongh/Contact-Form7-Mail-Template

As can be seen on CodePen via here: https://codepen.io/RafaelDeJongh/pen/opBRBE

That the breaks normally added in the textarea field aren’t parsed through the HTML form, so how would I be able to fix this as now I get messages like this: https://i.imgur.com/xicGOhA.png

Instead of what it should be: https://i.imgur.com/PyYUe0O.png

The source of the mail where the textarea field is added is the following:

<td align="center" valign="top" style="border-collapse:collapse;border-spacing:0;margin:0;padding:0 6% 20px;width:88%;font-size:17px;font-weight:400;line-height:160%;color:#000000;font-family:sans-serif;white-space:pre-line;text-align:left;border-width:2px 0 2px 0;border-style:solid;border-color:#990000;" class="paragraph">
       Beste Rafaël

Ik zie dat je websites bouwt. Ben je ook actief in het bouwen van webshops?

Met vriendelijke groeten
Pieter Foulon
      </td>

Instead of having <p> tags surrounding each break or having <br> tags where breaks should be.

So can now after four months please someone tell me how to fix this?

Thanks in advance!

The page I need help with: [log in to see the link]