Format the header project select list component file.

Author: dombesz

frontend/src/app/shared/components/header-project-select/list/header-project-select-list.component.html

@@ -51,55 +51,54 @@
         @if (currentProjectService.id === project.id.toString()) {
           <a
             [href]="extendedUrl(null)"
+            class="spot-list--item-remove"
             data-test-selector="op-header-project-select--item-remove-icon"
-            >
-            <svg
-              x-circle-icon
-              size="small"
-            ></svg></a>
-          }
-        </a>
-      }
-      @if (project.disabled) {
-        <span
-          class="spot-list--item-action spot-list--item-action_disabled"
-          [ngClass]="{
-            'spot-list--item-action_active': (searchableProjectListService.selectedItemID$ | async) === project.id
-          }"
           >
-          <span
-            class="spot-list--item-title spot-list--item-title_ellipse-text"
-            data-test-selector="op-header-project-select--item-disabled-title"
-          >
-            <span>{{ project.name }}</span>
-            @if (portfolioModelsEnabled) {
-              @switch (project._type) {
-                @case ('Portfolio') {
-                  <span class="description">
-                    <svg briefcase-icon size="xsmall" />
-                    {{ this.I18n.t('js.include_workspaces.types.portfolio') }}
-                  </span>
-                }
-                @case ('Program') {
-                  <span class="description">
-                    <svg versions-icon size="xsmall" />
-                    {{ this.I18n.t('js.include_workspaces.types.program') }}
-                  </span>
-                }
+            <svg x-circle-icon size="small" />
+          </a>
+        }
+      </a>
+    }
+    @if (project.disabled) {
+      <span
+        class="spot-list--item-action spot-list--item-action_disabled"
+        [ngClass]="{
+          'spot-list--item-action_active': (searchableProjectListService.selectedItemID$ | async) === project.id
+        }"
+      >
+        <span
+          class="spot-list--item-title spot-list--item-title_ellipse-text"
+          data-test-selector="op-header-project-select--item-disabled-title"
+        >
+          <span>{{ project.name }}</span>
+          @if (portfolioModelsEnabled) {
+            @switch (project._type) {
+              @case ('Portfolio') {
+                <span class="description">
+                  <svg briefcase-icon size="xsmall" />
+                  {{ this.I18n.t('js.include_workspaces.types.portfolio') }}
+                </span>
+              }
+              @case ('Program') {
+                <span class="description">
+                  <svg versions-icon size="xsmall" />
+                  {{ this.I18n.t('js.include_workspaces.types.program') }}
+                </span>
               }
             }
-          </span>
+          }
         </span>
-      }
-      @if (project.children.length) {
-        <ul
-          op-header-project-select-list
-          [projects]="project.children"
-          [displayMode]="displayMode"
-          [favorited]="favorited"
-          [selected]="selected"
-          [searchText]="searchText"
-        ></ul>
-      }
-    </li>
-  }
+      </span>
+    }
+    @if (project.children.length) {
+      <ul
+        op-header-project-select-list
+        [projects]="project.children"
+        [displayMode]="displayMode"
+        [favorited]="favorited"
+        [selected]="selected"
+        [searchText]="searchText"
+      ></ul>
+    }
+  </li>
+}