Feat: The key for the begin operator can only contain alphanumeric characters and underscores. #10427 (#11377)

### What problem does this PR solve?

Feat: The key for the begin operator can only contain alphanumeric
characters and underscores. #10427

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/logic-hooks/use-build-operator-options.tsx

@@ -12,9 +12,12 @@ export const LogicalOperatorIcon = function OperatorIcon({
     return (
       <IconFont
         name={icon}
-        className={cn('size-4', {
-          'rotate-180': value === ComparisonOperator.GreatThan,
-        })}
+        className={cn('size-4')}
+        style={
+          value === ComparisonOperator.GreatThan
+            ? { transform: 'rotate(180deg)' }
+            : undefined
+        }
       ></IconFont>
     );
   }