feat(modelStyles): add logic to color all model_component by type

app/pages/index.vue

@@ -11,7 +11,7 @@
 import { useDataStyleStore } from "@ogw_front/stores/data_style";
 import { useGeodeStore } from "@ogw_front/stores/geode";
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 import { useInfraStore } from "@ogw_front/stores/infra";
 import { useMenuStore } from "@ogw_front/stores/menu";
 import { useViewerStore } from "@ogw_front/stores/viewer";
 
@@ -130,14 +130,14 @@
 watch(
   () => [viewerStore.status, geodeStore.status],
   async ([viewerStatus, geodeStatus]) => {
     console.log("Status viewer changed:", viewerStatus);
     console.log("Status geode changed:", geodeStatus);
 
     console.log("Status", Status);
     if (viewerStatus === Status.CONNECTED && geodeStatus === Status.CONNECTED) {
       const start = Date.now();
       await importWorkflow(dataList);
       console.log("importWorkflow duration :", (Date.now() - start) / MS_TO_SECONDS, "s");
       hybridViewerStore.resetCamera();
     }
   },
@@ -151,20 +151,29 @@
   containerHeight.value = height;
 });
 
-async function handleTreeMenu({ event, itemId, context_type, modelId }) {
+async function handleTreeMenu({ event, itemId, context_type, modelId, modelComponentType }) {
   const rect = cardContainer.value.getBoundingClientRect();
   const x = event.clientX - rect.left;
   const yUI = event.clientY - rect.top;
 
-  const meta_data =
-    context_type === "model_component"
-      ? {
-          viewer_type: "model_component",
-          geode_object_type: "component",
-          modelId,
-          pickedComponentId: itemId,
-        }
-      : await dataStore.item(itemId);
+  let meta_data = undefined;
+  if (context_type === "model_component") {
+    meta_data = {
+      viewer_type: "model_component",
+      geode_object_type: "component",
+      modelId,
+      pickedComponentId: itemId,
+    };
+  } else if (context_type === "model_component_type") {
+    meta_data = {
+      viewer_type: "model_component_type",
+      geode_object_type: "type",
+      modelId,
+      modelComponentType,
+    };
+  } else {
+    meta_data = await dataStore.item(itemId);
+  }
 
   menuStore.openMenu(
     itemId,