added tons of features

components/shared/header/controls.tsx

@@ -0,0 +1,34 @@
+import {Heart, ShoppingCartIcon, UserIcon} from 'lucide-react'
+import {useTranslations} from 'next-intl'
+
+import CabinetButton from '@/components/shared/header/cabinet-button'
+import {Link} from '@/i18n/routing'
+
+export default function HeaderControls() {
+	const t = useTranslations('cart')
+
+	return (
+		<div className='flex w-full justify-end gap-x-9 text-brand-violet'>
+			<CabinetButton />
+
+			<Link href={'#' as never} className='header-button' aria-label='Вибране'>
+				<button className='flex flex-col items-center' role='button'>
+					<Heart className='h-[21px] w-[21px]' />
+					<span className='font1-bold text-sm'>{t('favorites')}</span>
+				</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>
+		</div>
+	)
+}