Improve style import

apps/client/src/app/components/world-map-chart/world-map-chart.component.scss

@@ -3,8 +3,6 @@
   height: 100%;
 
   ::ng-deep {
-    @import '~svgmap/dist/svgMap';
-
     .loader {
       height: 100% !important;
     }

apps/client/src/app/pages/tools/analysis/analysis-page.html

@@ -214,6 +214,15 @@
   <div class="row world-map-chart">
     <div class="col-lg">
       <mat-card class="mb-3">
+        <mat-card-header class="w-100">
+          <mat-card-title i18n>Heat Map</mat-card-title>
+          <gf-toggle
+            [defaultValue]="period"
+            [isLoading]="false"
+            [options]="periodOptions"
+            (change)="onChangePeriod($event.value)"
+          ></gf-toggle>
+        </mat-card-header>
         <mat-card-content>
           <gf-world-map-chart
             [baseCurrency]="user?.settings?.baseCurrency"

apps/client/src/styles.scss

@@ -4,6 +4,8 @@
 
 @import '~angular-material-css-vars/main';
 
+@import '~svgmap/dist/svgMap';
+
 $mat-css-dark-theme-selector: '.is-dark-theme';
 $mat-css-light-theme-selector: '.is-light-theme';