fix(ui): change logic

libs/ui/src/lib/tags-selector/tags-selector.component.html

@@ -42,9 +42,12 @@
               {{ tag.name }}
             </mat-option>
           }
-          @if ((filteredOptions | async)?.length === 0) {
+          @if (tagInputControl.value && hasPermissionToCreateTags) {
-            <mat-option [value]="tagInputControl.value">
+            <mat-option [value]="tagInputControl.value.trim()">
-              Create new tag "{{ tagInputControl.value }}"
+              <span class="d-flex align-items-center">
+                <ion-icon class="mr-2" name="add" />
+                Create new tag "{{ tagInputControl.value.trim() }}"
+              </span>
             </mat-option>
           }
         </mat-autocomplete>