Move staked and debonding count badge into text parentheses

.changelog/2014.bugfix.md

@@ -0,0 +1 @@
+Move staked and debonding count badge into text parentheses

src/app/pages/AccountPage/Features/StakeSubnavigation/index.tsx

@@ -9,9 +9,9 @@ import styled from 'styled-components'
 import { normalizeColor } from 'grommet/es6/utils'
 
 import { AccountPageParams } from '../../validateAccountPageRoute'
-import { Button } from 'grommet/es6/components/Button'
 
 const StyledNavItem = styled(NavLink)`
+  letter-spacing: 0;
   padding: ${({ theme }) => theme.global?.edgeSize?.small};
 
   :hover {
@@ -23,7 +23,8 @@ const StyledNavItem = styled(NavLink)`
   }
 
   @media only screen and (max-width: ${({ theme }) => `${theme.global?.breakpoints?.small?.value}px`}) {
-    padding: ${({ theme }) => theme.global?.edgeSize?.xsmall};
+    padding-top: ${({ theme }) => theme.global?.edgeSize?.xsmall};
+    padding-bottom: ${({ theme }) => theme.global?.edgeSize?.xsmall};
   }
 `
 
@@ -36,9 +37,13 @@ interface NavItemProps {
 const NavItem = ({ counter, label, route }: NavItemProps) => {
   return (
     <StyledNavItem end to={route}>
-      <Button badge={counter} tabIndex={-1}>
-        {label}
-      </Button>
+      {counter ? (
+        <span>
+          {label} ({counter})
+        </span>
+      ) : (
+        <span>{label}</span>
+      )}
     </StyledNavItem>
   )
 }

src/app/pages/StakingPage/Features/DelegationList/__tests__/__snapshots__/ActiveDelegationList.test.tsx.snap

@@ -405,10 +405,6 @@ exports[`<ActiveDelegationList  /> should match snapshot 1`] = `
 
 }
 
-@media only screen and (max-width:768px) {
-
-}
-
 @media screen and (max-width:599px) {
   .c13 {
     display: none;

src/app/pages/StakingPage/Features/DelegationList/__tests__/__snapshots__/DebondingDelegationList.test.tsx.snap

@@ -425,10 +425,6 @@ exports[`<DebondingDelegationList  /> should match snapshot 1`] = `
 
 }
 
-@media only screen and (max-width:768px) {
-
-}
-
 <section
   class="c0"
   data-testid="debonding-delegations"