cart mechanism complete

components/shared/header/controls.tsx

@@ -1,7 +1,8 @@
-import {Heart, ShoppingCartIcon, UserIcon} from 'lucide-react'
+import {Heart} from 'lucide-react'
 import {useTranslations} from 'next-intl'
 
 import CabinetButton from '@/components/shared/header/cabinet-button'
+import HeaderShoppingCartIcon from '@/components/shared/header/shopping-cart-icon'
 import {Link} from '@/i18n/routing'
 
 export default function HeaderControls() {
@@ -18,17 +19,7 @@ export default function HeaderControls() {
 				</button>
 			</Link>
 
-			<Link
-				href={'/checkout' as never}
-				className='header-button'
-				aria-label='Кошик'
-			>
-				<button className='flex flex-col items-center' role='button'>
-					<ShoppingCartIcon className='h-[21px] w-[21px]' />
-
-					<span className='font1-bold text-sm'>{t('basket')}</span>
-				</button>
-			</Link>
+			<HeaderShoppingCartIcon />
 		</div>
 	)
 }