avoid duplicate code

[bigaru]

the blocks need to be independent that is why some code are simply duplicated such as

• hydration.tsx

function initReactComponents() {
	const items = document.querySelectorAll('.wp-block-inseri-core-download')
	if (items) {
		Array.from(items).forEach((item: any) => {
			const attributes = JSON.parse(item.dataset.attributes)
			createRoot(item!).render(
				<InseriThemeProvider>
					<RecoilRoot>
						<InseriRoot blockId={attributes.blockId} blockName={attributes.blockName} blockType={config.name}>
							<View attributes={attributes} />
						</InseriRoot>
					</RecoilRoot>
				</InseriThemeProvider>
			)
		})
	}
}

• edit.tsx

export default function Edit(props: BlockEditProps<Attributes>) {
	const { setAttributes, attributes, clientId } = props
	return (
		<SetupEditorEnv {...props} baseBlockName={'html'} addSuffixToInputs={['inputKey']}>
			<InseriRoot blockId={attributes.blockId} blockName={attributes.blockName} blockType={json.name} clientId={clientId}>
				<StateProvider stateCreator={storeCreator} keysToSave={Object.keys(json.attributes)} setAttributes={setAttributes} initialState={attributes}>
					<EditComponent {...props} />
				</StateProvider>
			</InseriRoot>
		</SetupEditorEnv>
	)
}

maybe one could reduce duplication through macro