Use new operators for visibility in rule editor & visibility handling

projects/editor/src/app/components/dialogs/visibility-rules-dialog/visibility-rule-editor.component.html

@@ -16,7 +16,7 @@
                 (ngModelChange)="visibilityRuleChange.emit(visibilityRule)">
       <mat-option *ngFor="let operator of VisibilityRuleOperators"
                   [value]="operator">
-        {{operator.length > 2 ? ('visibilityRule.' + operator | translate) : operator}}
+        {{operator.length > 1 ? ('visibilityRule.' + operator | translate) : operator}}
       </mat-option>
     </mat-select>
   </mat-form-field>

projects/player/src/app/directives/section-visibility-handling.directive.ts

@@ -111,15 +111,15 @@ export class SectionVisibilityHandlingDirective implements OnInit, OnDestroy {
         switch (rule.operator) {
           case '=':
             return this.unitStateService.getElementCodeById(rule.id)?.value?.toString() === rule.value;
-          case '!=':
+          case '≠':
             return this.unitStateService.getElementCodeById(rule.id)?.value?.toString() !== rule.value;
           case '>':
             return Number(this.unitStateService.getElementCodeById(rule.id)?.value) > Number(rule.value);
           case '<':
             return Number(this.unitStateService.getElementCodeById(rule.id)?.value) < Number(rule.value);
-          case '>=':
+          case '≥':
             return Number(this.unitStateService.getElementCodeById(rule.id)?.value) >= Number(rule.value);
-          case '<=':
+          case '≤':
             return Number(this.unitStateService.getElementCodeById(rule.id)?.value) <= Number(rule.value);
           case 'contains':
             return this.unitStateService.getElementCodeById(rule.id)?.value?.toString().includes(rule.value);