feat(app): move readonly logic

apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html

@@ -366,33 +366,12 @@
       </mat-tab>
     </mat-tab-group>
 
-    <div
+    <gf-tags-selector
-      class="row"
+      [readonly]="!data.hasPermissionToUpdateOrder"
-      [ngClass]="{
+      [tags]="activityForm.get('tags')?.value"
-        'd-none': !data.hasPermissionToUpdateOrder
+      [tagsAvailable]="tagsAvailable"
-      }"
+      (tagsChanged)="onTagsChanged($event)"
-    >
+    />
-      <div class="col">
-        <gf-tags-selector
-          [tags]="activityForm.get('tags')?.value"
-          [tagsAvailable]="tagsAvailable"
-          (tagsChanged)="onTagsChanged($event)"
-        />
-      </div>
-    </div>
-
-    @if (!data.hasPermissionToUpdateOrder && tagsAvailable?.length > 0) {
-      <div class="row">
-        <div class="col">
-          <div class="h5" i18n>Tags</div>
-          <mat-chip-listbox>
-            @for (tag of tags; track tag) {
-              <mat-chip-option disabled>{{ tag.name }}</mat-chip-option>
-            }
-          </mat-chip-listbox>
-        </div>
-      </div>
-    }
 
     @if (
       dataSource?.data.length > 0 &&