feat: add settings for svgr plugin and fix sidebar icon

config/build/buildLoaders.ts

@@ -9,7 +9,22 @@ export function buildLoaders(options: BuildOptions): webpack.RuleSetRule[] {
 
   const svgLoader = {
     test: /\.svg$/,
-    use: ['@svgr/webpack'],
+    use: [{
+      loader: '@svgr/webpack',
+      options: {
+        icon: true,
+        svgoConfig: {
+          plugins: [
+            {
+              name: 'convertColors',
+              params: {
+                currentColor: true,
+              }
+            }
+          ]
+        }
+      }
+    }],
   };
 
   const codeBabelLoader = buildBabelLoader({ ...options, isTsx: false });

src/features/ThemeSwitcher/ui/ThemeSwitcher.tsx

@@ -1,13 +1,12 @@
 import { memo, useCallback } from 'react';
 
 import { classNames } from '@/shared/lib/classNames';
-import LightIcon from '@/shared/assets/icons/theme-light.svg';
-import DarkIcon from '@/shared/assets/icons/theme-dark.svg';
 import { Button, ButtonTheme } from '@/shared/ui/Button';
-import { Theme } from '@/shared/const/theme';
 import { useTheme } from '@/shared/lib/hooks/useTheme/useTheme';
 import { saveJsonSettings } from '@/entities/User';
 import { useAppDispatch } from '@/shared/lib/hooks/useAppDispatch/useAppDispatch';
+import ThemeIcon from '@/shared/assets/icons/theme.svg';
+import { Icon } from '@/shared/ui/Icon';
 
 interface ThemeSwitcherProps {
   className?: string;
@@ -29,7 +28,7 @@ export const ThemeSwitcher = memo(({ className }: ThemeSwitcherProps) => {
       className={classNames('', {}, [className])}
       onClick={onToggleHandler}
     >
-      {theme === Theme.DARK ? <DarkIcon /> : <LightIcon />}
+      <Icon Svg={ThemeIcon} width={40} height={40} inverted />
     </Button>
   );
 });

src/features/articleViewSelector/ui/ArticleViewSelector/ArticleViewSelector.tsx

@@ -40,6 +40,8 @@ export const ArticleViewSelector = memo((props: ArticleViewSelectorProps) => {
           <Icon
             className={classNames('', { [cls.notSelected]: viewType.view !== view }, [])}
             Svg={viewType.icon}
+            width={24}
+            height={24}
           />
         </Button>
       ))}