Fixed eslint issues in multiple files

components/product/ProductSliderControl/ProductSliderControl.tsx

@@ -1,31 +1,30 @@
+import { FC, MouseEventHandler, memo } from 'react'
 import cn from 'classnames'
-import React from 'react'
 import s from './ProductSliderControl.module.css'
 import { ArrowLeft, ArrowRight } from '@components/icons'
 
 interface ProductSliderControl {
-  onPrev: React.MouseEventHandler<HTMLButtonElement>
-  onNext: React.MouseEventHandler<HTMLButtonElement>
+  onPrev: MouseEventHandler<HTMLButtonElement>
+  onNext: MouseEventHandler<HTMLButtonElement>
 }
 
-const ProductSliderControl: React.FC<ProductSliderControl> = React.memo(
-  ({ onPrev, onNext }) => (
-    <div className={s.control}>
-      <button
-        className={cn(s.leftControl)}
-        onClick={onPrev}
-        aria-label="Previous Product Image"
-      >
-        <ArrowLeft />
-      </button>
-      <button
-        className={cn(s.rightControl)}
-        onClick={onNext}
-        aria-label="Next Product Image"
-      >
-        <ArrowRight />
-      </button>
-    </div>
-  )
+const ProductSliderControl: FC<ProductSliderControl> = ({ onPrev, onNext }) => (
+  <div className={s.control}>
+    <button
+      className={cn(s.leftControl)}
+      onClick={onPrev}
+      aria-label="Previous Product Image"
+    >
+      <ArrowLeft />
+    </button>
+    <button
+      className={cn(s.rightControl)}
+      onClick={onNext}
+      aria-label="Next Product Image"
+    >
+      <ArrowRight />
+    </button>
+  </div>
 )
-export default ProductSliderControl
+
+export default memo(ProductSliderControl)