feat(crm): zentrale TagBadge-Komponente und Ergänzungen zur Workflow-Maske

- Position des Ansprechpartners in der Kopfzeile der Tagesworkflow-Maske anzeigen
- Neue TagBadge-Komponente (Farbchip, Name, Workflow-Icons: erledigend/
  Wiedervorlage) ersetzt die duplizierte Badge-Darstellung in Notiz-Liste,
  Workflow-Liste, Historie und Tag-Liste
- MultiSelect: optionale content-Option rendert ein fertiges Badge des
  Aufrufers statt Farbpunkt + Label im Auswahl-Modal; Suchfeld wird beim
  Öffnen des Modals fokussiert
- TagBadge-Attribut heißt tagData statt tag, da Mithril attrs-Objekte mit
  tag-Property als Vnode-Kinder behandelt (führte zu 'color' undefined)

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

Client/Components/call_log.ts

@@ -9,6 +9,7 @@ import {iKunde, fetchKunden} from "../models/kunde"
 import {iProjekt, fetchProjekte, fetchProjektById} from "../models/projekt"
 import {iKontaktadresse, fetchKontaktadressen} from "../models/kontaktadresse"
 import {iTag, fetchTags, berechneWiedervorlageDatum} from "../models/tag"
+import {TagBadge} from "./tagbadge"
 import {showServerError} from "./auth/authmessages"
 import {guardedNavigate, DirtyMaskHelper} from "./widgets/dirtyguard"
 
@@ -83,18 +84,7 @@ export const call_log_liste: m.ClosureComponent = (vnode) => {
 
         // Zugewiesene Tags als farbige Badges hinter dem Betreff darstellen.
         const tagBadges = (log.tags || []).map((t: iTag) =>
-            m("span", {
-                style: {
-                    backgroundColor: t.color || '#999',
-                    color: 'white',
-                    padding: '1px 5px',
-                    'border-radius': '3px',
-                    'font-size': '11px',
-                    'margin-left': '4px',
-                    display: 'inline-block'
-                },
-                title: t.name
-            }, t.name)
+            m(TagBadge, {tagData: t, compact: true})
         )
 
         return [
@@ -352,9 +342,11 @@ export const Call_Log: m.ClosureComponent = (vnode) => {
                         return {value: ka.id, label: ka.name + (ka.firma ? " (" + ka.firma + ")" : "")}
                     })
                 : []
-            // Tag-Optionen und Farb-Map für die Mehrfachauswahl.
+            // Tag-Optionen und Farb-Map für die Mehrfachauswahl. Als content
+            // wird das fertige TagBadge übergeben — das Auswahl-Modal zeigt
+            // damit den Farbchip mit Namen und die Workflow-Icons.
             const tagOptionen: iSelectOption[] = tagListe.map((t: iTag) => {
-                return {value: t.id, label: t.name}
+                return {value: t.id, label: t.name, content: m(TagBadge, {tagData: t})}
             })
             const tagColors: Map<number, string> = new Map(tagListe.map((t: iTag) => [t.id, t.color] as [number, string]))