chore: use icon component instead

Author: Elessar1802

src/assets/icons/ic-sparkles.svg

@@ -16,7 +16,7 @@ export const TABS_CONFIG: TabConfig[] = [
     },
     {
         label: 'Ask',
-        iconName: 'ic-sparkle-color',
+        iconName: 'ic-sparkle-ai-color',
         id: SidePanelTab.ASK_DEVTRON,
     },
 ]

src/components/common/SidePanel/constants.ts

@@ -17,13 +17,13 @@
 import {
     get,
     getUrlWithSearchParams,
+    Icon,
     InstallationType,
     post,
     refresh,
     ToastManager,
     ToastVariantType,
 } from '@devtron-labs/devtron-fe-common-lib'
-import { ReactComponent as ICSparkles } from '@Icons/ic-sparkles.svg'
 import { ReactComponent as ICArrowClockwise } from '@Icons/ic-arrow-clockwise.svg'
 import { ModuleNameMap, Routes, UPDATE_AVAILABLE_TOAST_PROGRESS_BG } from '../../../config'
 import {
@@ -121,7 +121,7 @@ export const getModuleInfo = async (moduleName: string, forceReload?: boolean):
                     onClick: refresh,
                     startIcon: <ICArrowClockwise />,
                 },
-                icon: <ICSparkles />,
+                icon: <Icon name="ic-sparkle-color" color={null} />,
                 progressBarBg: UPDATE_AVAILABLE_TOAST_PROGRESS_BG,
             })
             isReloadToastShown = true

src/components/v2/devtronStackManager/DevtronStackManager.service.tsx

@@ -17,10 +17,9 @@
 import { action } from '@storybook/addon-actions'
 import type { Meta, StoryObj } from '@storybook/react'
 
-import { Button, ToastManager, ToastVariantType } from '@devtron-labs/devtron-fe-common-lib'
+import { Button, Icon, ToastManager, ToastVariantType } from '@devtron-labs/devtron-fe-common-lib'
 
 import { ReactComponent as ICArrowClockwise } from '@Icons/ic-arrow-clockwise.svg'
-import { ReactComponent as ICSparkles } from '@Icons/ic-sparkles.svg'
 import { UPDATE_AVAILABLE_TOAST_PROGRESS_BG } from '@Config/constants'
 
 type ShowToastParameters = Parameters<typeof ToastManager.showToast>
@@ -118,7 +117,7 @@ export const CustomIconAndProgressBar: Story = {
         ...Default.args,
         toastProps: {
             ...Default.args.toastProps,
-            icon: <ICSparkles />,
+            icon: <Icon name="ic-sparkle-color" color={null} />,
             progressBarBg: UPDATE_AVAILABLE_TOAST_PROGRESS_BG,
             buttonProps: {
                 ...WithButton.args.toastProps.buttonProps,