feat: use RichTextEditorWithMetadata in a custom control

[marianfoo]

wasnt easy but the control was created only with code, you can define the properties of the RichTextEditorWithMetadata in the creation of the control:
https://ui5.sap.com/#/api/sap.fe.macros.RichTextEditorWithMetadata

bookshop-demo/app/webapp/controlRichTextEditor/RichTextEditorWithMetadata.js

Lines 57 to 73 in 7c39531

	const oRichTextEditor = new RichTextEditor({
	contextPath: contextPathRichText,
	metaPath: metaPathRichText,
	buttonGroups: [
	// Configuration for various button groups in the editor
	// https://ui5.sap.com/#/api/sap.fe.macros.richtexteditor.ButtonGroup
	{ name: "font-style", visible: true, priority: 10, buttons: "bold,italic,underline,strikethrough" },
	{ name: "styleselect", visible: true, priority: 10, customToolbarPriority: 10, buttons: "styleselect" },
	{ name: "font", visible: true, priority: 10, customToolbarPriority: 10, buttons: "fontfamily,fontsize,forecolor,backcolor" },
	{ name: "clipboard", visible: true, priority: 10, customToolbarPriority: 10, buttons: "cut,copy,paste" },
	{ name: "structure", visible: true, priority: 10, customToolbarPriority: 10, buttons: "bullist,numlist,outdent,indent" },
	{ name: "insert", visible: true, priority: 10, customToolbarPriority: 10, buttons: "image,emoticons" },
	{ name: "link", visible: true, priority: 10, customToolbarPriority: 10, buttons: "link,unlink" },
	{ name: "table", visible: true, priority: 10, customToolbarPriority: 10, buttons: "table" },
	{ name: "text-align", visible: true, priority: 10, customToolbarPriority: 10, buttons: "alignleft,aligncenter,alignright,alignjustify" }
	]
	});

It is possible to use resourceRoots to manifest or launchpad html:

bookshop-demo/app/webapp/ordersUI5latest/webapp/manifest.json

Lines 82 to 84 in 7c39531

	"resourceRoots": {
	"custom.control": "../../controlRichTextEditor"
	},

bookshop-demo/app/webapp/fiori-latest.html

Lines 64 to 66 in 7c39531

	data-sap-ui-resourceroots='{
	"custom.control": "./controlRichTextEditor"
	}'