[@ukic/react]: Review use of MUI icons in React components

[jd239]

What is the purpose of the work?

At the moment, SlottedSVG is the preferred way to import Material Icons (from the @mdi/js package) into ICDS components. However, a review is required to experiment with slotting MUI icons (Material Icons as React-wrapped SVG Icons) in different ways and making styling updates where relevant.

// Example
<div slot='icon'>
     <HomeIcon />
</div>

Below is a list of components which use icons:

• Breadcrumbs
• Buttons
• Card
• Chip
• Data Entity
• Side Navigation
• Switch
• Tabs
• Text Field
• Top Navigation

Why do we need it?

Adding flexibility to use MUI Icons with ICDS components.

[MI6-255]

Include the fix if needed in this work