css refactor

frontend/src/components/llm/DocPreview.svelte

@@ -10,9 +10,12 @@
   import { t } from '../../lib/i18n';
 
   /** @type {Object} */
-  export let documentation = null;
-  export let onSave = async (doc) => {};
-  export let onCancel = () => {};
+  let {
+    content = "",
+    type = 'markdown',
+    format = 'text',
+  } = $props();
+
 
   let isSaving = false;
 

frontend/src/components/llm/ProviderConfig.svelte

@@ -12,8 +12,11 @@
   import { requestApi } from '../../lib/api';
 
   /** @type {Array} */
-  export let providers = [];
-  export let onSave = () => {};
+  let {
+    provider,
+    config = {},
+  } = $props();
+
 
   let editingProvider = null;
   let showForm = false;

frontend/src/components/llm/ValidationReport.svelte

@@ -3,7 +3,10 @@
 <!-- @PURPOSE: Displays the results of an LLM-based dashboard validation task. -->
 
 <script>
-    export let result = null;
+  let {
+    report,
+  } = $props();
+
 
     function getStatusColor(status) {
         switch (status) {