[Client] fix scss import

fittrackee_client/src/components/Common/AlertMessage.vue

@@ -13,7 +13,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   .alert-message {
     background: var(--alert-background-color);
     color: var(--alert-color);

fittrackee_client/src/components/Common/Card.vue

@@ -10,7 +10,7 @@
 </template>
 
 <style lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
 
   .card {
     border: solid 1px var(--card-border-color);

fittrackee_client/src/components/Common/CustomTextArea.vue

@@ -46,7 +46,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
   .custom-textarea {
     display: flex;
     flex-direction: column;

fittrackee_client/src/components/Common/Distance.vue

@@ -55,7 +55,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
   .strong {
     font-weight: bold;
   }

fittrackee_client/src/components/Common/Error.vue

@@ -26,8 +26,6 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
-
   #error {
     display: flex;
     align-items: center;

fittrackee_client/src/components/Common/ErrorMessage.vue

@@ -20,7 +20,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   .error-message {
     background: var(--error-background-color);
     color: var(--error-color);

fittrackee_client/src/components/Common/FilterSelects.vue

@@ -66,7 +66,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   .table-selects {
     display: flex;

fittrackee_client/src/components/Common/Loader.vue

@@ -3,7 +3,6 @@
 </template>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
   .loader {
     animation: spin 2s linear infinite;
     border: 14px solid var(--app-loading-color);

fittrackee_client/src/components/Common/Modal.vue

@@ -58,7 +58,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   #modal {
     position: fixed;
     top: 0;

fittrackee_client/src/components/Common/Pagination.vue

@@ -66,7 +66,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   .pagination-center {
     display: flex;

fittrackee_client/src/components/Common/StatCard.vue

@@ -25,7 +25,7 @@
 </script>
 
 <style lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   .stat-card {
     flex: 1;
     max-width: 25%;

fittrackee_client/src/components/Common/StaticMap.vue

@@ -40,8 +40,6 @@
 </script>
 
 <style lang="scss">
-  @import '~@/scss/base';
-
   .static-map {
     display: flex;
     position: relative;

fittrackee_client/src/components/Common/StatsChart/index.vue

@@ -202,7 +202,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
+  @import '~@/scss/vars';
   .start-chart {
     .chart-radio {
       display: flex;