Client - add user sports preferences

+ minor refactor

fittrackee_client/src/components/Workout/WorkoutCard.vue

@@ -75,7 +75,11 @@
         "
       >
         <div class="img">
-          <SportImage v-if="sport.label" :sport-label="sport.label" />
+          <SportImage
+            v-if="sport.label"
+            :sport-label="sport.label"
+            :color="sport.color"
+          />
         </div>
         <div class="data">
           <i class="fa fa-clock-o" aria-hidden="true" />

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue

@@ -17,7 +17,7 @@
       <i class="fa fa-chevron-left" aria-hidden="true" />
     </div>
     <div class="workout-card-title">
-      <SportImage :sport-label="sport.label" />
+      <SportImage :sport-label="sport.label" :color="sport.color" />
       <div class="workout-title-date">
         <div class="workout-title" v-if="workoutObject.type === 'WORKOUT'">
           {{ workoutObject.title }}

fittrackee_client/src/components/Workout/WorkoutEdition.vue

@@ -46,7 +46,7 @@
                   v-model="workoutForm.sport_id"
                 >
                   <option
-                    v-for="sport in translatedSports.filter((s) => s.is_active)"
+                    v-for="sport in translatedSports"
                     :value="sport.id"
                     :key="sport.id"
                   >
@@ -259,7 +259,7 @@
 
   const { workout, isCreation, loading } = toRefs(props)
   const translatedSports: ComputedRef<ISport[]> = computed(() =>
-    translateSports(props.sports, t)
+    translateSports(props.sports, t, true)
   )
   const appConfig: ComputedRef<TAppConfig> = computed(
     () => store.getters[ROOT_STORE.GETTERS.APP_CONFIG]