Implement BaseVisualCamelEntity for Kamelet CRD

[lordrip]

Context

Currently, there's only support to render Camel Routes in the Design section of kaoto-next.

Goal

This issue aims to implement a BaseVisualCamelEntity for the Kamelet CRD.

Requisites

• Support a VisualEntity flow, meaning the user can interact with nodes by adding, removing, replacing, or configuring them. feat(kamelet): Add Flow support for Kamelets #421

• Support the dependencies array.
  a. Delegated into Handle kamelets dependencies #489, as it's not a priority at the moment.

• Support for Metadata configuration like annotations, labels, and the icon.
  a. chore(metadata): Styling improvements for MetadataEditor #480

• Handle special Kamelets boundaries. (kamelet:source & kamelet:sink):
  a. fix: Add kamelet:source and kamelet:sink to the catalog #429
  b. feat(kamelets): Load Kamelet boundaries catalog #445
  c. feat(kamelets): Offer kamelet:source and kamelet:sink as possible steps #455

Notes

• Camel Route Example

• After building kaoto-next/packages/camel-catalog, using yarn workspace @kaoto-next/camel-catalog run build, you will find the Kamelet CRD JSON Schema in packages/camel-catalog/dist/crd-schema-kamelets-2.1.0-SNAPSHOT.json

• You could use a Typescript definition for Kamelet like:

import { Kamelet } from '@kaoto-next/camel-catalog/types';

[lordrip]

@mmelko I'm assigning it to you since we talked about that you might have the bandwidth to take it, that being said, feel free to unassign it if that's not accurate 😃

[lhein]

undoing the assignment. please only assign issues when you start working on it.