feat(CanvasForm): Use component Title in CanvasForm

Currently, the component name is being used as the title in the
`CanvasForm`.

This commit uses the corresponding `Title` property if available from
components, eips and kamelets, and the `ID` as a last resort.

fix: KaotoIO#1462
prerequisite of: KaotoIO#1699

packages/ui/src/models/visualization/flows/camel-route-configuration-visual-entity.ts

@@ -86,6 +86,14 @@ export class CamelRouteConfigurationVisualEntity
     return super.getTooltipContent(path);
   }
 
+  getNodeLabel(path?: string): string {
+    if (path === this.getRootPath()) {
+      return 'Route Configuration';
+    }
+
+    return super.getNodeLabel(path);
+  }
+
   getComponentSchema(path?: string | undefined): VisualComponentSchema | undefined {
     if (path === this.getRootPath()) {
       const schema = CamelCatalogService.getComponent(CatalogKind.Entity, 'routeConfiguration');

packages/ui/src/models/visualization/flows/pipe-visual-entity.ts

@@ -77,7 +77,11 @@ export class PipeVisualEntity implements BaseVisualCamelEntity {
       return 'Pipe';
     }
 
+<<<<<<< HEAD
     const stepModel: PipeStep = getValue(this.pipe.spec, path);
+=======
+    const stepModel = get(this.pipe.spec, path) as PipeStep;
+>>>>>>> df3353f2 (feat(CanvasForm): Use component Title in CanvasForm)
     return KameletSchemaService.getNodeTitle(stepModel);
   }