Introduce Lucide based Icon component and updates

[zoharma]

• Added Lucide Icons as basis for all icons
• Updated components, stories with relevancy to icons
• Updated MuiWrapped
• Updated and removed dependency for react-icons
• Updated and removed dependency for @mui/icons-material
• Removed react-icons package

Note: We can also safely remove @mui/icons-material package but not sure of others may use it

[akademy]

I was expecting this to just replace the icons line by line. Can you explain what the additional complexity is trying to achieve? (in particular, all the files in DataDisplay/Icons)

[zoharma]

I was expecting this to just replace the icons line by line. Can you explain what the additional complexity is trying to achieve? (in particular, all the files in DataDisplay/Icons)

As far as I understand, it's better to run Lucide Icons through MuiSvg as then props can be passed through to it. Also, the sizes (expanded list) and weight (Lucide specific) are not directly refelcted, so this covers for that.

Key icons will be in the theme, but if an app wants to use other icons they can import it from Lucide, and then use LucideIcon as the component with the right size as needed. We need to document that potentially.