Fix design query builder pills

Fixes horizontal overflow on logic pill selector Some fixes on style More intuitive logic on logic functions filtering Update icon based on iconify

libs/shared/lib/querybuilder/model/logic/numberFilters.tsx

@@ -18,7 +18,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '==', type: 'float' },
     logic: ['==', '@i', '@1'],
-    icon: '=',
+    icon: 'icon-[ic--baseline-equals]',
   },
   [NumberFilterTypes.NOT_EQUAL]: {
     key: 'numberFilterNotEqual',
@@ -30,7 +30,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '!=', type: 'float' },
     logic: ['!=', '@i', '@1'],
-    icon: '≠',
+    icon: 'icon-[ic--baseline-not-equal]',
   },
   [NumberFilterTypes.LESS_THAN]: {
     key: 'numberFilterLessThan',
@@ -42,7 +42,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '<', type: 'float' },
     logic: ['<', '@i', '@1'],
-    icon: '<',
+    icon: 'icon-[ic--baseline-less-than]',
   },
   [NumberFilterTypes.LESS_THAN_EQUAL]: {
     key: 'numberFilterLessThanOrEqual',
@@ -54,7 +54,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '<=', type: 'float' },
     logic: ['<=', '@i', '@1'],
-    icon: '≤',
+    icon: 'icon-[ic--baseline-less-than-equal]',
   },
   [NumberFilterTypes.GREATER_THAN]: {
     key: 'numberFilterGreaterThan',
@@ -66,7 +66,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '>', type: 'float' },
     logic: ['>', '@i', '@1'],
-    icon: '>',
+    icon: 'icon-[ic--baseline-greater-than]',
   },
   [NumberFilterTypes.GREATER_THAN_EQUAL]: {
     key: 'numberFilterGreaterThanOrEqual',
@@ -78,7 +78,7 @@ export const MathFilters: Record<NumberFilterTypes, GeneralDescription<NumberFil
     inputs: [{ name: '1', type: 'float', default: 0 }],
     output: { name: '>=', type: 'float' },
     logic: ['>=', '@i', '@1'],
-    icon: '≥',
+    icon: 'icon-[ic--baseline-greater-than-equal]',
   },
 };