refact: settings for track service

src/components/TrackService.svelte

 <script>
   import { onMount } from 'svelte'
   import Spinner from '../common/Spinner.svelte'
-  import { appVersion, fetchApi } from '../common/Common.svelte'
+  import { settings, fetchApi } from '../common/Common.svelte'
 
-  export let api = 'http://localhost:8008/api/v1/'
   export let labelTitle = 'Track Service'
 
-  let queryTrackservice = 'trackservice'
   let tracks
   // let currentDate = "";
 
   /* Initialize the component */
   onMount(() => {
-    fetchApi(api + queryTrackservice, processResponse)
-    console.log(`Initialized TrackService v${appVersion}`)
+    fetchApi(
+      settings.api.url + settings.api.endpoints.trackservice,
+      processResponse,
+    )
+    console.log(`Initialized TrackService v${settings.appVersion}`)
   })
 
   /* Callback to process the API response */