[Client] minor refacto

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutChart/index.vue

@@ -56,7 +56,7 @@
   import { LineChart, useLineChart } from 'vue-chart-3'
   import { useI18n } from 'vue-i18n'
 
-  import { htmlLegendPlugin } from '@/components/Workout/WorkoutChart/legend'
+  import { htmlLegendPlugin } from '@/components/Workout/WorkoutDetail/WorkoutChart/legend'
   import { TUnit } from '@/types/units'
   import { IUserProfile } from '@/types/user'
   import {

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutChart/legend.ts

@@ -50,8 +50,8 @@ export const htmlLegendPlugin = {
 
       const boxSpan = document.createElement('span')
       if (boxSpan) {
-        boxSpan.style.background = `${item.fillStyle}`
-        boxSpan.style.borderColor = `${item.strokeStyle}`
+        boxSpan.style.background = String(item.fillStyle)
+        boxSpan.style.borderColor = String(item.strokeStyle)
       }
 
       li.appendChild(checkBox)