💄 use correct icons for checklist types (#94)

* 💄 use correct icons for checklist types

* 💚 fix linter

Author: FabianWilms

personalization-webcomponents/src/components/ChecklistCard.vue

@@ -106,8 +106,6 @@ function gotoChecklist(checklistId: string) {
 <style scoped>
 .card-header-icon {
   margin-right: 16px;
-  border: 1px solid var(--color-neutrals-blue);
-  border-radius: 50%;
 }
 
 .pt-8 {

personalization-webcomponents/src/util/constants.ts

@@ -4,8 +4,13 @@ export const QUERY_PARAM_CHECKLIST_ID = "cl-id";
 
 export function getChecklistIconByTitle(checklistTitle: string) {
   return {
-    "Ich habe wenig Geld.": "./assets/img/placeholder_checklist_icon.png",
-    "Ich will umziehen.": "./assets/img/placeholder_checklist_icon.png",
-    "Ich manage eine Familie.": "./assets/img/placeholder_checklist_icon.png",
+    "Ich habe wenig Geld.":
+      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10482730.svg",
+    "Ich will umziehen.":
+      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10482700.svg",
+    "Ich manage eine Familie.":
+      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483310.svg",
+    Einwanderung:
+      "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483311.svg",
   }[checklistTitle];
 }