add more advance composer feature

front/src/components/utils/SvgLoader.vue

@@ -3,15 +3,22 @@ import { defineProps } from "vue";
 
 const props = defineProps({
     svg: { type: String, required: true },
+    isDisabled: Boolean,
 });
 
 const pathSvg = () => require(`@/assets/svg/${props.svg}.svg`);
+console.log(props.isDisabled);
 </script>
 
 <template>
     <div>
-        <img class="it-has-a-tooltip" :src="pathSvg()" />
+        <img :disabled="props.isDisabled" :src="pathSvg()" />
     </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+img {
+    filter: var(--svg-primary-text);
+    padding: 1px;
+}
+</style>