refact: settings for category list

config/sample.settings.json

@@ -12,8 +12,5 @@
             "programmeDaily": "daily",
             "trackservice": "trackservice"
         }
-    },
-    "components": {
-        "programme": {}
     }
 }
\ No newline at end of file

src/components/CategoryList.svelte

 <script lang="ts">
   import { onMount } from 'svelte'
   import Spinner from '../common/Spinner.svelte'
-  import { fetchApi, shuffle } from '../common/Common.svelte'
+  import { settings, fetchApi, shuffle } from '../common/Common.svelte'
   import CategoryCard from '../cards/CategoryCard.svelte'
 
-  export let api: string = 'https://prog-info.o94.at/api.php'
-  export let endpointCategories: string = 'categories'
   export let categoriesToDisplay: [] // Default: Display all categories
   export let shuffleCategories: boolean = false
   /* Nested props */
@@ -16,7 +14,7 @@
 
   /* Initialize the component */
   onMount(() => {
-    let episodeUrl = `${api}/${endpointCategories}/`
+    let episodeUrl = `${settings.api.url}/${settings.api.endpoints.category}/`
     console.log('Categories API Url:' + episodeUrl)
     fetchApi(episodeUrl, processResponse)
   })