feat: Fyle badge design (#3972)

Author: arjunaj5

src/app/fyle/dashboard/dashboard.page.scss

@@ -73,7 +73,7 @@
 
   &--pending-tasks-stat-icon-pill {
     position: absolute;
-    background-color: colors.$brand-primary;
+    background-color: colors.$stat-badge-blue;
     color: colors.$pure-white;
     line-height: 8px;
     top: -6px;

src/app/fyle/dashboard/stat-badge/stat-badge.component.html

@@ -13,12 +13,8 @@
             </div>
           }
           @if (!loading && expenseState) {
-            <div>
-              @if (!loading) {
-                <div [ngClass]="'stat-badge--count stat-badge--count__' + expenseState.toString().toLowerCase()">
-                  {{ count }}
-                </div>
-              }
+            <div [ngClass]="'stat-badge--count stat-badge--count__' + expenseState.toString().toLowerCase()">
+              {{ count }}
             </div>
           }
           @if (loading) {

src/theme/colors.scss

@@ -77,6 +77,7 @@ $blue-4: #0062ff !default;
 $blue-black: #2c304e !default;
 $light-blue: #f7f7fb !default;
 $dark-blue: #1c1f36 !default;
+$stat-badge-blue: #007fd9;
 
 $alice-blue: #eff5fc !default;
 $pale-orange: #ffefb7 !default;