[Client] fix scss import

fittrackee_client/src/views/AdminView.vue

@@ -39,7 +39,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #admin {
     .admin-card {

fittrackee_client/src/views/Dashboard.vue

@@ -101,7 +101,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   #dashboard {
     .dashboard-container {
       display: flex;

fittrackee_client/src/views/StatisticsView.vue

@@ -39,7 +39,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
   #statistics {
     display: flex;
     width: 100%;

fittrackee_client/src/views/user/LoginOrRegister.vue

@@ -25,8 +25,8 @@
   const { action } = toRefs(props)
 </script>
 
-<style lang="scss">
-  @import '~@/scss/base';
+<style lang="scss" scoped>
+  @import '~@/scss/vars.scss';
 
   #loginOrRegister {
     display: flex;

fittrackee_client/src/views/user/PasswordResetView.vue

@@ -37,7 +37,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #password-reset {
     display: flex;

fittrackee_client/src/views/user/ProfileView.vue

@@ -20,7 +20,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
   #profile {
     display: flex;
     flex-direction: column;

fittrackee_client/src/views/user/UserView.vue

@@ -36,7 +36,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #user {
     margin: auto;

fittrackee_client/src/views/workouts/Workout.vue

@@ -135,7 +135,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   #workout {
     display: flex;
     .container {

fittrackee_client/src/views/workouts/WorkoutsView.vue

@@ -58,7 +58,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
   #workouts {
     height: 100%;