feat: Add Advanced Conversation Filters (#3239)

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
Co-authored-by: Tejaswini <tejaswini@chatwoot.com>

app/javascript/shared/assets/stylesheets/font-size.scss

@@ -1,13 +1,15 @@
 :root {
   --font-size-nano: 0.8rem;
-  --font-size-micro: 1.0rem;
+  --font-size-micro: 1rem;
   --font-size-mini: 1.2rem;
   --font-size-small: 1.4rem;
+  --font-size-one-and-half: 1.5rem;
   --font-size-default: 1.6rem;
   --font-size-medium: 1.8rem;
+  --font-size-two: 2rem;
   --font-size-large: 2.2rem;
   --font-size-big: 2.4rem;
-  --font-size-bigger: 3.0rem;
+  --font-size-bigger: 3rem;
   --font-size-mega: 3.4rem;
-  --font-size-giga: 4.0rem;
+  --font-size-giga: 4rem;
 }

app/javascript/shared/assets/stylesheets/spacing.scss

@@ -2,17 +2,21 @@
   // spaces
   --space-zero: 0;
   --space-micro: 0.2rem;
+  --space-one-fourths: 0.25rem;
   --space-smaller: 0.4rem;
+  --space-half: 0.5rem;
+  --space-three-fourths: 0.75rem;
   --space-small: 0.8rem;
   --space-one: 1rem;
   --space-slab: 1.2rem;
   --space-normal: 1.6rem;
-  --space-two: 2.0rem;
+  --space-two: 2rem;
   --space-medium: 2.4rem;
+  --space-three: 3rem;
   --space-large: 3.2rem;
   --space-larger: 4.8rem;
   --space-jumbo: 6.4rem;
-  --space-mega: 10.0rem;
+  --space-mega: 10rem;
 
   --space-minus-micro: -0.2rem;
   --space-minus-smaller: -0.4rem;
@@ -20,10 +24,10 @@
   --space-minus-one: -1rem;
   --space-minus-slab: -1.2rem;
   --space-minus-normal: -1.6rem;
-  --space-minus-two: -2.0rem;
+  --space-minus-two: -2rem;
   --space-minus-medium: -2.4rem;
   --space-minus-large: -3.2rem;
   --space-minus-larger: -4.8rem;
   --space-minus-jumbo: -6.4rem;
-  --space-minus-mega: -10.0rem;
+  --space-minus-mega: -10rem;
 }

app/javascript/shared/assets/stylesheets/z-index.scss

@@ -3,6 +3,7 @@
   --z-index-minus: -1;
   --z-index-zero: 0;
   --z-index-low: 10;
+  --z-index-twenty: 20;
   --z-index-normal: 100;
   --z-index-high: 1000;
   --z-index-higher: 2000;