css refactor

frontend/src/components/MappingTable.svelte

@@ -14,10 +14,13 @@
   // [/SECTION]
 
   // [SECTION: PROPS]
-  export let sourceDatabases: Array<{uuid: string, database_name: string, engine?: string}> = [];
-  export let targetDatabases: Array<{uuid: string, database_name: string}> = [];
-  export let mappings: Array<{source_db_uuid: string, target_db_uuid: string}> = [];
-  export let suggestions: Array<{source_db_uuid: string, target_db_uuid: string, confidence: number}> = [];
+  let {
+    sourceDatabases = [],
+    targetDatabases = [],
+    mappings = [],
+    suggestions = [],
+  } = $props();
+
   // [/SECTION]
 
   const dispatch = createEventDispatcher();
@@ -100,8 +103,5 @@
 </div>
 <!-- [/SECTION] -->
 
-<style>
-  /* Component specific styles */
-</style>
 
 <!-- [/DEF:MappingTable:Component] -->