Experimental UI for adding first-party import statements in code components

wim leers → credited larowlan → .

One point by @larowlan left to be addressed WRT the icon. It's low-risk to ignore in that it doesn't incur new technical debt though (we'd just have to change the icon later), so RTBC'ing to reflect it's technically ready! 👍

I think we need to revisit the UI a bit. I don't think "Component data" is the right place to display this in. Is the import components tab simply an interface to give the imports that can be copy pasted? Or does selecting a component in that interface have side effects?

No side effects, it's just an interface. Selecting a component from the select just generates the import statement in a code block

Going to make changes to UI

Got some feedback on UI from @lauriii

balintbrews → credited jessebaker → .

I made slight changes to the UI, and adjusted the list of code components to exclude code overrides and the currently edited component. Also addressed @jessebaker's comment on making the list alphabetically sorted based on the name of the components.

🤩

This broke CI. The stylelint CI job is not passing.

This was already not passing on the MR prior to merging: https://git.drupalcode.org/project/experience_builder/-/merge_requests/9... 😅

Stylelint green on 0.x now