Feature: Use any lucide icon for the add node button

[buckhalt]

Implements ability to use any lucide icon for the add node button using dynamic imports

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 4, 2024 10:08am
studio-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 4, 2024 10:08am

[jthrilly]

Okay, made some fairly substantial changes to this:

• Created a storybook for this component that demonstrates color and icon props. This should always be done for UI component dev.
• Looked at the implementation details, and worked around quite a nasty bug/design flaw in the lucide dynamic icon functionality: Dynamic Import makes NextJS development server very slow lucide-icons/lucide#1576 (comment)
• Looked again at the theming behaviour. I just wasn't happy with not having hot module reload for themes, and having to put stylesheets in public in order to get this to work on storybook. Ended up implementing a fairly convoluted workaround/hack that allows stylesheets to be loaded/unloaded with a component, and then implemented a component that is conditionally rendered in a storybook decorator. This allows for the behaviour we want. Since we don't plan to use dynamic theme switching in the main app now, we can just import the relevant stylesheets normally there.