UI – Show line breaks in Policy details modals (#15354)

## Addresses #14484 

<img width="653" alt="Screenshot 2023-11-28 at 2 05 26 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/7af9d880-d3fd-443b-94f6-8135f5ce506a">


- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>

changes/14484-whitespace-in-policies

@@ -0,0 +1 @@
+- Render whitespace in policy descriptions and resolutions

frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/PolicyDetailsModal.tsx

@@ -22,11 +22,13 @@ const PolicyDetailsModal = ({
       onExit={onCancel}
       className={baseClass}
     >
-      <div className={`${baseClass}__modal-body`}>
-        <p>{policy?.description}</p>
+      <div className={`${baseClass}__body`}>
+        <span className={`${baseClass}__description`}>
+          {policy?.description}
+        </span>
         {policy?.resolution && (
           <div className={`${baseClass}__resolution`}>
-            <span className={`${baseClass}__resolve-header`}> Resolve:</span>
+            <span className={`${baseClass}__resolution-header`}>Resolve:</span>
             {policy?.resolution && <ClickableUrls text={policy?.resolution} />}
           </div>
         )}

frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/_styles.scss

@@ -1,15 +1,13 @@
 .policy-details-modal {
+  &__body {
+    white-space: pre-wrap;
+  }
   &__resolution {
-    p {
-      margin-top: $pad-xsmall;
-    }
-  }
-
-  &__resolve-header {
-    font-weight: $bold;
-  }
-
-  .policy-details-modal__resolution {
+    margin-top: $pad-small;
     overflow: hidden;
   }
+
+  &__resolution-header {
+    font-weight: $bold;
+  }
 }