[feat] TransformControl has a label showing it’s transform vector

[luckystriike22]

Description

Currently, I am working on a project where I use TransformControl extensively to easily determine an object’s position. I can use console logs or TresLeches to show the current position, rotation, or scale of the object. Wouldn’t it be nice to have an optional reactive label displayed with the current mode value? When transform is the mode, it shows the Vector3 for the object’s position.

Features:

• A prop to enable a label showing the Vector3 for current mode (scale, position, rotation) or all at once.
• When you shift + click the label, it copies the vector value to your clipboard.
• Not sure yet where it should show, either at the bottom left corner or as an HTML component at the object’s center.

I have already made a small demo and can continue upon receiving the green light. ✅

https://github.com/Tresjs/cientos/assets/43521233/5375feb9-9bcf-4e8b-a877-8ec18cbab518

Suggested solution

Features:

• A prop to enable a label showing the Vector3 for current mode (scale, position, rotation) or all at once.
• When you shift + click the label, it copies the vector value to your clipboard.
• Not sure yet where it should show, either at the bottom left corner or as an HTML component at the object’s center.

Alternative

No response

Additional context

No response

Validations

• [X] I agree to follow this project's Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[JaimeTorrealba]

I think this could be useful, feel free to open a PR when ready

My idea should be a prop called debug (since we have others similar in the ecosystem)

If any questions please feel free to contact me.