Chat client changes

- Form values shown correct in MessageHistory of Chat client
- Improements to CSS
- Move css en js to assets directory
- Introduce better Personal Contact Form & Professional Contact Form
- Start working on actual Selection Specialist

eveai_chat_client/static/assets/css/form-message.css

@@ -0,0 +1,91 @@
+/* Styling voor formulier in berichten */
+.message .form-display {
+    margin-bottom: 12px;
+    border-radius: 8px;
+    background-color: rgba(245, 245, 245, 0.7);
+    padding: 12px;
+    border: 1px solid #e0e0e0;
+}
+
+.message.user .form-display {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.message.ai .form-display {
+    background-color: rgba(245, 245, 250, 0.7);
+}
+/* Styling voor formulieren in berichten */
+
+.form-display {
+    margin-bottom: 10px;
+    border-radius: 8px;
+    padding: 12px;
+    background-color: rgba(0, 0, 0, 0.03);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.user-form-values {
+    background-color: rgba(0, 123, 255, 0.05);
+}
+
+/* Speciale styling voor read-only formulieren in user messages */
+.user-form .form-field {
+    margin-bottom: 6px !important;
+}
+
+.user-form .field-label {
+    font-weight: 500 !important;
+    color: #555 !important;
+    padding: 2px 0 !important;
+}
+
+.user-form .field-value {
+    padding: 2px 0 !important;
+}
+
+/* Schakel hover effecten uit voor read-only formulieren */
+.read-only .form-field:hover {
+    background-color: transparent;
+}
+
+/* Subtiele scheiding tussen velden */
+.dynamic-form.read-only .form-fields {
+    border-top: 1px solid rgba(0, 0, 0, 0.05);
+    margin-top: 10px;
+    padding-top: 8px;
+}
+
+/* Verklein vorm titels in berichten */
+.message-form .form-title {
+    font-size: 1em !important;
+}
+
+.message-form .form-description {
+    font-size: 0.85em !important;
+}
+.form-readonly {
+    width: 100%;
+}
+
+.form-readonly .field-label {
+    font-weight: 500;
+    color: #555;
+}
+
+.form-readonly .field-value {
+    word-break: break-word;
+}
+
+.form-readonly .text-value {
+    white-space: pre-wrap;
+}
+
+/* Algemene styling verbetering voor berichten */
+.message-text {
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.message-content {
+    max-width: 100%;
+}