chore: navigate to smart exit list

Author: viet-nv

apps/kyberswap-interface/src/assets/svg/ic_exit.svg

@@ -7,6 +7,7 @@ import { ReactComponent as OverviewIcon } from 'assets/svg/earn/ic_earn_overview
 import { ReactComponent as PoolsIcon } from 'assets/svg/earn/ic_earn_pools.svg'
 import { ReactComponent as PositionsIcon } from 'assets/svg/earn/ic_earn_positions.svg'
 import { ReactComponent as FarmingIcon } from 'assets/svg/earn/ic_farming.svg'
+import { ReactComponent as ListIcon } from 'assets/svg/ic_exit.svg'
 import { ReactComponent as KemIcon } from 'assets/svg/kyber/kem.svg'
 import NavGroup from 'components/Header/groups/NavGroup'
 import { DropdownTextAnchor, StyledNavLink } from 'components/Header/styleds'
@@ -25,6 +26,7 @@ const EarnNavGroup = () => {
     APP_PATHS.EARN_POOLS,
     APP_PATHS.EARN_POSITIONS,
     APP_PATHS.EARN_POSITION_DETAIL,
+    APP_PATHS.EARN_SMART_EXIT,
   ].some(path => pathname.includes(path))
 
   return (
@@ -102,6 +104,12 @@ const EarnNavGroup = () => {
               {t`My Positions`}
             </Flex>
           </StyledNavLink>
+          <StyledNavLink data-testid="earn-positions-nav-link" to={{ pathname: `${APP_PATHS.EARN_SMART_EXIT}` }}>
+            <Flex sx={{ gap: '12px' }} alignItems="center">
+              <ListIcon width={16} height={16} />
+              {t`Smart Exit Orders`}
+            </Flex>
+          </StyledNavLink>
         </Flex>
       }
     />