Use formattedId in autocompleter and global search results

These templates were still using hard-coded #{{ item.id }} which shows
the numeric PK instead of the semantic identifier in search dropdowns
and autocomplete results.

Author: akabiru

frontend/src/app/core/global_search/input/global-search-input.component.html

@@ -88,7 +88,7 @@
               <span [ngClass]="highlighting('type', item.type.id)">
                 {{ item.type.name }}
               </span>
-              <span>#{{ item.id }}</span>
+              <span>{{ item.formattedId }}</span>
               <span [ngClass]="statusHighlighting(item.status.id)">
                 {{ item.status.name }}
               </span>

frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html

@@ -177,7 +177,7 @@
           <span
             class="op-autocompleter--wp-id"
             [ngOptionHighlight]="search"
-          >#{{ item.id }}</span>
+          >{{ item.formattedId }}</span>
           <span
             [textContent]="item.status?.name"
             [ngClass]="highlighting('status',item.status?.id)"
@@ -232,7 +232,7 @@
         class="ng-value-label"
         [ngOptionHighlight]="search"
         >
-        {{ item.type?.name }} #{{ item.id }} {{ item.subject || item.name }}
+        {{ item.type?.name }} {{ item.formattedId }} {{ item.subject || item.name }}
       </span>
     }
   }