Fix header assignee text

- Add "Assigned to" before name
- Make name and "Unassigned" bold

Author: trslater

alcs-frontend/src/app/features/compliance-and-enforcement/details/header/details-header.component.html

@@ -16,7 +16,8 @@ <h5 class="detail-heading">
   <div class="right-column">
     <div>
       <div class="assignee-wrapper">
-        {{ file?.assignee?.prettyName || 'Unassigned' }}
+        <span *ngIf="file?.assignee?.prettyName">Assigned to</span>
+        <strong>{{ file?.assignee?.prettyName || 'Unassigned' }}</strong>
         <button type="button" (click)="openAssignDialog()" mat-icon-button class="edit-assignee-button">
           <mat-icon>edit</mat-icon>
         </button>

alcs-frontend/src/app/features/compliance-and-enforcement/details/header/details-header.component.scss

@@ -82,7 +82,7 @@
 .assignee-wrapper {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 4px;
 }
 
 .edit-assignee-button {