feat(left-sidebar-icon-button): wrap with link component

src/components/General/LeftSidebar/LeftSidebarIconButton.tsx

@@ -1,7 +1,7 @@
 import { IconButton } from '@status-im/components'
 import { useDispatch } from 'react-redux'
 import { Stack } from 'tamagui'
-import { useNavigate } from 'react-router'
+import { Link } from 'react-router-dom'
 
 import { toggleButtonSelection } from '../../../redux/LeftSidebar/slice'
 
@@ -23,21 +23,19 @@ const LeftSidebarIconButton = ({
   path,
 }: IconButtonWithDotProps) => {
   const dispatch = useDispatch()
-  const navigate = useNavigate()
 
   const onClickHandler = () => {
     isDisabled ? null : dispatch(toggleButtonSelection(id))
-    navigate(path)
   }
 
   return (
+    <Link to={path} onClick={onClickHandler}>
       <Stack style={{ position: 'relative', display: 'inline-block' }}>
         <IconButton
           icon={iconEl}
           variant={isDisabled ? 'outline' : 'ghost'}
           selected={isSelected}
           disabled={isDisabled}
-        onPress={onClickHandler}
         />
         {isDotOn && (
           <Stack
@@ -54,6 +52,7 @@ const LeftSidebarIconButton = ({
           />
         )}
       </Stack>
+    </Link>
   )
 }