fix: Optimize build size

src/components/Controls/Controls.scss

@@ -21,6 +21,7 @@
 
     &__list-icon {
         margin-right: 8px;
+        font-size: 22px;
     }
 
     &__lang-item {

src/components/Controls/single-controls/LangControl.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useState, useRef, ReactElement} from 'react';
+import React, {useCallback, useEffect, useState, useRef} from 'react';
 import {WithTranslation, withTranslation, WithTranslationProps} from 'react-i18next';
 import allLangs from 'langs';
 import {Popup, Icon as IconComponent, List} from '@gravity-ui/uikit';
@@ -10,14 +10,12 @@ import {getPopupPosition} from './utils';
 import {PopperPosition} from '../../../hooks';
 
 import LangIcon from '../../../../assets/icons/lang.svg';
-import RusIcon from '../../../../assets/icons/rus.svg';
-import EngIcon from '../../../../assets/icons/eng.svg';
 
 import '../Controls.scss';
 
 const LEGACY_LANG_ITEMS = [
-    {value: Lang.En, text: 'English', icon: <EngIcon />},
-    {value: Lang.Ru, text: 'Русский', icon: <RusIcon />},
+    {value: Lang.En, text: 'English', icon: '🇬🇧'},
+    {value: Lang.Ru, text: 'Русский', icon: '🇷🇺'},
 ];
 
 const b = block('dc-controls');
@@ -35,7 +33,7 @@ interface ControlProps {
 interface ListItem {
     value: string;
     text: string;
-    icon?: ReactElement;
+    icon?: string;
 }
 
 const LIST_ITEM_HEIGHT = 36;

src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import _ from 'lodash';
+import {isEqual} from 'lodash';
 
 import {ErrorPage} from '../ErrorPage';
 
@@ -12,7 +12,7 @@ class ErrorBoundary extends React.Component<ErrorBoundaryState> {
     state: ErrorBoundaryState = {};
 
     componentDidUpdate(prevProps: ErrorBoundaryState) {
-        if (this.state.error && !_.isEqual(this.props, prevProps)) {
+        if (this.state.error && !isEqual(this.props, prevProps)) {
             this.setState({error: undefined, errorInfo: undefined});
         }
     }

src/components/Scrollspy/Scrollspy.tsx

@@ -1,5 +1,5 @@
 import React, {ReactElement} from 'react';
-import _ from 'lodash';
+import {isEqual, debounce} from 'lodash';
 import scrollIntoView from 'scroll-into-view-if-needed';
 
 import {InnerProps} from '../../utils';
@@ -68,11 +68,11 @@ export class Scrollspy extends React.Component<ScrollspyInnerProps, ScrollspySta
         const {items, router} = this.props;
         const {inViewState} = this.state;
 
-        if (!_.isEqual(inViewState, prevState.inViewState)) {
+        if (!isEqual(inViewState, prevState.inViewState)) {
             this.scrollToListItem();
         }
 
-        if (!_.isEqual(items, prevProps.items) || prevProps.router.pathname !== router.pathname) {
+        if (!isEqual(items, prevProps.items) || prevProps.router.pathname !== router.pathname) {
             this.initItems();
         }
 
@@ -293,7 +293,7 @@ export class Scrollspy extends React.Component<ScrollspyInnerProps, ScrollspySta
     };
 
     // eslint-disable-next-line @typescript-eslint/member-ordering, react/sort-comp
-    private handleScrollDebounced = _.debounce(this.handleScroll, 100);
+    private handleScrollDebounced = debounce(this.handleScroll, 100);
 
     private pauseScrollHandler() {
         // wait for the end of smooth auto-scroll

src/components/SearchBar/hooks.ts

@@ -1,5 +1,5 @@
 import {useEffect, useRef, useState, useCallback} from 'react';
-import _ from 'lodash';
+import {throttle} from 'lodash';
 
 import {getHighlightedItemIndexInView, highlight, scrollToItem} from './utils';
 import {CLASSNAME, CLASSNAME_SELECTED, HIGHLIGHT_OPTIONS} from './constants';
@@ -369,7 +369,7 @@ export function useCurrentWordSelectionSyncScrollEffect({
         headerHeight,
     ]);
 
-    const handleScrollThrottled = _.throttle(handleScroll, 50);
+    const handleScrollThrottled = throttle(handleScroll, 50);
 
     useEffect(() => {
         if (searchBarIsVisible) {