[ENG-10608] Registration metadata description removes paragraph breaks when saved (#913)

- Ticket: [ENG-10608]
- Feature flag: n/a

## Summary of Changes
1. Fixed formatting for description in registration.

Author: nsemets

src/app/features/metadata/components/metadata-description/metadata-description.component.html

@@ -12,7 +12,7 @@ <h2>{{ 'project.overview.metadata.description' | translate }}</h2>
     }
   </div>
 
-  <p data-test-display-node-description class="mt-4">
+  <p data-test-display-node-description class="mt-4 preserve-whitespace">
     {{ description() || ('project.overview.metadata.noDescription' | translate) }}
   </p>
 </p-card>

src/app/shared/components/resource-card/components/registration-secondary-metadata/registration-secondary-metadata.component.html

@@ -1,7 +1,9 @@
 <div class="flex flex-column gap-2">
   @let resourceValue = resource();
   @if (resourceValue.description) {
-    <p>{{ 'resourceCard.labels.description' | translate }} {{ resourceValue.description }}</p>
+    <p class="preserve-whitespace">
+      {{ 'resourceCard.labels.description' | translate }} {{ resourceValue.description }}
+    </p>
   }
 
   @if (resourceValue.funders.length > 0) {

src/app/shared/components/resource-card/resource-card.component.html

@@ -95,7 +95,7 @@ <h2>
 
       @if (resource().context) {
         <div class="flex flex-row gap-1 line-height-3 flex-wrap">
-          <p [innerHTML]="`${'resourceCard.labels.context' | translate}: ${resource().context}`"></p>
+          <p [innerHTML]="`${('resourceCard.labels.context' | translate)}: ${resource().context}`"></p>
         </div>
       }
 

src/app/shared/components/truncated-text/truncated-text.component.scss

@@ -6,7 +6,7 @@
   line-clamp: var(--line-clamp);
   -webkit-line-clamp: var(--line-clamp);
   -webkit-box-orient: vertical;
-  white-space: pre-line;
+  white-space: pre-wrap;
 
   &.expanded {
     display: block;