disabled для настроек и уведомлений (#54)

src/features/user/notification/Notification.tsx

@@ -1,22 +1,24 @@
 import { IconButton, Icon, Box } from '@chakra-ui/react';
 import { IoNotifications } from 'react-icons/io5';
-import { Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { useIsAuth } from '~/shared/hooks';
 import { PATHS } from '~/shared/lib/router';
 import { Counter } from '~/shared/ui/Counter';
 
 export function Notification() {
   const isAuth = useIsAuth();
+  const navigate = useNavigate();
 
   return (
     <IconButton
       isDisabled={!isAuth}
       size="sm"
       variant="flat"
       aria-label="notification"
-      as={Link}
-      to={PATHS.notifications}
+      onClick={() => {
+        navigate(PATHS.notifications);
+      }}
       icon={
         <Box position="relative">
           <Icon as={IoNotifications} fontSize="2xl" />

src/features/user/settings/Settings.tsx

@@ -1,21 +1,24 @@
 import { Icon, IconButton } from '@chakra-ui/react';
 import { IoSettings } from 'react-icons/io5';
-import { Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { useIsAuth } from '~/shared/hooks';
 import { PATHS } from '~/shared/lib/router';
 
 export function Settings() {
   const isAuth = useIsAuth();
+  const navigate = useNavigate();
+
   return (
     <IconButton
       isDisabled={!isAuth}
       size="sm"
       variant="flat"
       aria-label="settings"
-      to={PATHS.settings}
-      as={Link}
       icon={<Icon as={IoSettings} fontSize="2xl" />}
+      onClick={() => {
+        navigate(PATHS.settings);
+      }}
     />
   );
 }