Powerful adaptive for the header

frontend/src/lib/components/icon.svelte

@@ -6,15 +6,20 @@
     export let color = "var(--col_text_panel)";
     export let size = "25px";
 
+    let externalClasses = "";
+    export { externalClasses as class };
+
+    const Clickablility = onclick ? "clickable" : "";
+
 </script>
 
 <!-- FIXME: You horrible son of a goose-->
-<input class={"icon " + (onclick ? "clickable" : "")} type="button" value="" 
+<input class="{externalClasses} {Clickablility} icon" type="button" value="" 
 style="--image: url({image}); --color: {color}; background-color: {color}; --size: {size};" 
 on:click={onclick ? onclick : null}>
 
 <style>
-    .icon {
+    :global(.icon) {
         background-color: var(--color);
         object-fit: contain;
         -webkit-mask-image: var(--image);