Add text input for hex value to kol-input-color

[anicyne]

Refs: #7164

The A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer:

• Meaningful pull request title for the release notes
• Pull request is linked to an issue and all changes relate to the issue
• Tests to protect this code implemented (if applicable)
• Manual test performed successfully (if applicable)
• Documentation or migration has been updated (if applicable)

[github-actions]

Netlify Draft Deployment
URL: https://67d1a5667fda952706829101--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/sites/kolibri-public-ui/deploys/67d1a5667fda952706829101

[deleonio]

@laske185, @cbraehmig lasst uns dazu noch einmal sprechen.

[deleonio]

Hallo @anicyne,

ich wollte eigentlich den Code kommentieren, doch die Punkte die wir verbessern wollen, kann ich dort leider nicht wiederfinden. Daher hier unsere Anforderungen:

• id's dürfen immer nur 1 mal pro DOM gesetzt sein. Also beim Color-Input weg. Das Label darf nur mit dem Input-Text über for und id verknüpft sein.
• Die datalist darf nur 1 mal drin sein. Muss aber sowohl beim Color- als auch Text-Input verwendet werden.
• Das Color-Input braucht flex-grow: 1, Das Text-Input soll nur 7 Zeichen breit sein.
• Das Text-Input soll initial den Wert aus dem Color-Input anzeigen, wenn nix explizit gesetzt wurde.