feat(staking): [LW-8574] ellipsize long pool names in confirmation (#637)

---------

Signed-off-by: Kamil Džurman <kamil.dzurman@gmail.com>

Author: xdzurman

packages/staking/src/features/Drawer/Drawer.tsx

@@ -15,9 +15,9 @@ import {
   sumPercentagesSanitized,
   useDelegationPortfolioStore,
 } from '../store';
+import { StakePoolConfirmationContent, StakePoolConfirmationFooter } from './confirmation';
 import { StepPreferencesContent, StepPreferencesFooter } from './preferences';
 import { SignConfirmation, SignConfirmationFooter } from './SignConfirmation';
-import { StakePoolConfirmation, StakePoolConfirmationFooter } from './StakePoolConfirmation';
 import { StakePoolDetail, StakePoolDetailFooter, StakePoolDetailFooterProps } from './StakePoolDetail';
 import { StakePoolDetailsDrawer } from './StakePoolDetailsDrawer';
 import { TransactionFail, TransactionFailFooter } from './TransactionFail';
@@ -97,7 +97,7 @@ export const Drawer = ({
     (): Record<DrawerStep, React.ReactElement> => ({
       [DrawerDefaultStep.PoolDetails]: <StakePoolDetail popupView={popupView} />,
       [DrawerManagementStep.Preferences]: <StepPreferencesContent />,
-      [DrawerManagementStep.Confirmation]: <StakePoolConfirmation />,
+      [DrawerManagementStep.Confirmation]: <StakePoolConfirmationContent />,
       [DrawerManagementStep.Sign]: <SignConfirmation />,
       [DrawerManagementStep.Success]: <TransactionSuccess />,
       [DrawerManagementStep.Failure]: <TransactionFail />,