fix: change icon from left bar component name

src/pages/Dashboard/LeftSidebar/LeftSidebar.tsx

@@ -11,7 +11,7 @@ import {
 import { YStack } from 'tamagui'
 import { useSelector } from 'react-redux'
 
-import IconButtonWithDot from './IconButtonWithDot'
+import LeftSidebarIconButton from './LeftSidebarIconButton'
 
 const LeftSidebar = () => {
   const buttons = useSelector((state: any) => state.leftSidebar.buttons)
@@ -52,7 +52,7 @@ const LeftSidebar = () => {
       }}
     >
       {buttons.map((button: any) => (
-        <IconButtonWithDot
+        <LeftSidebarIconButton
           key={button.id}
           iconEl={renderIcon(button.id)}
           variant={button.isDisabled ? 'outline' : 'ghost'}

src/pages/Dashboard/LeftSidebar/LeftSidebarIconButton.tsx

@@ -13,7 +13,7 @@ type IconButtonWithDotProps = {
   id: string
 }
 
-const IconButtonWithDot = ({
+const LeftSidebarIconButton = ({
   iconEl,
   variant,
   isDotOn,
@@ -52,4 +52,4 @@ const IconButtonWithDot = ({
   )
 }
 
-export default IconButtonWithDot
+export default LeftSidebarIconButton