ыввы

client/src/app/layout/AppHeader.tsx

@@ -1,5 +1,5 @@
+import * as React from 'react'
 import { useEffect, useState } from 'react'
-import React from 'react'
 import AppBar from '@mui/material/AppBar'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'

client/src/app/routes/index.tsx

@@ -25,7 +25,14 @@ export function AppRoutes() {
   return (
     <MainLayout>
       <Routes>
-        <Route path="/" element={<Suspense fallback={<SkeletonPage />}><HomePage /></Suspense>} />
+        <Route
+          path="/"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <HomePage />
+            </Suspense>
+          }
+        />
         <Route
           path="/admin/*"
           element={
@@ -34,14 +41,70 @@ export function AppRoutes() {
             </Suspense>
           }
         />
-        <Route path="/auth" element={<Suspense fallback={<SkeletonPage />}><AuthPage /></Suspense>} />
-        <Route path="/auth/callback" element={<Suspense fallback={<SkeletonPage />}><AuthCallbackPage /></Suspense>} />
-        <Route path="/cart" element={<Suspense fallback={<SkeletonPage />}><CartPage /></Suspense>} />
-        <Route path="/checkout" element={<Suspense fallback={<SkeletonPage />}><CheckoutPage /></Suspense>} />
-        <Route path="/about" element={<Suspense fallback={<SkeletonPage />}><AboutPage /></Suspense>} />
-        <Route path="/info" element={<Suspense fallback={<SkeletonPage />}><InfoPage /></Suspense>} />
-        <Route path="/privacy" element={<Suspense fallback={<SkeletonPage />}><PrivacyPolicyPage /></Suspense>} />
-        <Route path="/terms" element={<Suspense fallback={<SkeletonPage />}><TermsPage /></Suspense>} />
+        <Route
+          path="/auth"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <AuthPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/auth/callback"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <AuthCallbackPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/cart"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <CartPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/checkout"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <CheckoutPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/about"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <AboutPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/info"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <InfoPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/privacy"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <PrivacyPolicyPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/terms"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <TermsPage />
+            </Suspense>
+          }
+        />
         <Route
           path="/me/*"
           element={
@@ -50,8 +113,22 @@ export function AppRoutes() {
             </Suspense>
           }
         />
-        <Route path="/products/:id" element={<Suspense fallback={<SkeletonPage />}><ProductPage /></Suspense>} />
-        <Route path="*" element={<Suspense fallback={<SkeletonPage />}><NotFoundPage /></Suspense>} />
+        <Route
+          path="/products/:id"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <ProductPage />
+            </Suspense>
+          }
+        />
+        <Route
+          path="*"
+          element={
+            <Suspense fallback={<SkeletonPage />}>
+              <NotFoundPage />
+            </Suspense>
+          }
+        />
       </Routes>
     </MainLayout>
   )

client/src/entities/product/ui/ProductCard.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
+import * as React from 'react'
 import { useCallback, useMemo, useRef } from 'react'
-import React from 'react'
 import { useMediaQuery } from '@mui/material'
 import Box from '@mui/material/Box'
 import Card from '@mui/material/Card'

client/src/entities/test-checklist/api/test-checklist-api.ts

@@ -30,7 +30,7 @@ export async function updateTestChecklistItem(
   const { data } = await apiClient.patch<{ result: UpdateChecklistItemResponse }>('admin/test-checklist', {
     itemKey,
     passed,
-    comment: passed ? null : comment ?? null,
+    comment: passed ? null : (comment ?? null),
   })
   return data.result
 }

client/src/features/address-map-picker/ui/AddressMapPicker.tsx

@@ -9,8 +9,8 @@ import Stack from '@mui/material/Stack'
 import TextField from '@mui/material/TextField'
 import Typography from '@mui/material/Typography'
 import { reverseGeocode, searchPlaces } from '../api/map-geocoding'
-import type { LatLng, NominatimItem } from '../model/types'
 import { MapPickerMap } from './MapPickerMap'
+import type { LatLng, NominatimItem } from '../model/types'
 
 export function AddressMapPicker(props: {
   value: { lat: number; lng: number } | null

client/src/features/address-map-picker/ui/MapPickerMap.tsx

@@ -1,22 +1,21 @@
 import { useEffect, useRef, useState } from 'react'
+import MyLocationOutlinedIcon from '@mui/icons-material/MyLocationOutlined'
 import Box from '@mui/material/Box'
 import CircularProgress from '@mui/material/CircularProgress'
-import MyLocationOutlinedIcon from '@mui/icons-material/MyLocationOutlined'
 import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
 import Map, { Marker, type MapMouseEvent, type MapRef } from 'react-map-gl/maplibre'
-import type * as maplibregl from 'maplibre-gl'
 import { reverseGeocode } from '../api/map-geocoding'
 import type { LatLng } from '../model/types'
+import type * as maplibregl from 'maplibre-gl'
 
 let maplibreglPromise: Promise<typeof maplibregl> | null = null
 
 function loadMaplibre() {
   if (!maplibreglPromise) {
-    maplibreglPromise = Promise.all([
-      import('maplibre-gl'),
-      import('maplibre-gl/dist/maplibre-gl.css'),
-    ]).then(([mod]) => mod)
+    maplibreglPromise = Promise.all([import('maplibre-gl'), import('maplibre-gl/dist/maplibre-gl.css')]).then(
+      ([mod]) => mod,
+    )
   }
   return maplibreglPromise
 }

client/src/pages/about/ui/AboutMap.tsx

@@ -8,10 +8,9 @@ let maplibreglPromise: Promise<typeof maplibregl> | null = null
 
 function loadMaplibre() {
   if (!maplibreglPromise) {
-    maplibreglPromise = Promise.all([
-      import('maplibre-gl'),
-      import('maplibre-gl/dist/maplibre-gl.css'),
-    ]).then(([mod]) => mod)
+    maplibreglPromise = Promise.all([import('maplibre-gl'), import('maplibre-gl/dist/maplibre-gl.css')]).then(
+      ([mod]) => mod,
+    )
   }
   return maplibreglPromise
 }

client/src/pages/admin-test-checklist/ui/AdminTestChecklistPage.tsx

@@ -1,8 +1,11 @@
 import { useCallback, useMemo, useState } from 'react'
-import Alert from '@mui/material/Alert'
+import CancelIcon from '@mui/icons-material/Cancel'
+import CheckCircleIcon from '@mui/icons-material/CheckCircle'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import Accordion from '@mui/material/Accordion'
 import AccordionDetails from '@mui/material/AccordionDetails'
 import AccordionSummary from '@mui/material/AccordionSummary'
+import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
 import CircularProgress from '@mui/material/CircularProgress'
@@ -21,11 +24,8 @@ import TableRow from '@mui/material/TableRow'
 import TextField from '@mui/material/TextField'
 import Tooltip from '@mui/material/Tooltip'
 import Typography from '@mui/material/Typography'
-import CheckCircleIcon from '@mui/icons-material/CheckCircle'
-import CancelIcon from '@mui/icons-material/Cancel'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { TEST_CHECKLIST_ITEMS } from '@shared/constants/test-checklist-items'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import {
   fetchTestChecklistResults,
   resetTestChecklist,

client/src/pages/product/ui/ProductPage.tsx

@@ -16,7 +16,6 @@ import { useParams } from 'react-router-dom'
 import { Navigation } from 'swiper/modules'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import 'swiper/css'
-import 'swiper/css/navigation'
 import { fetchPublicProduct } from '@/entities/product/api/product-api'
 import { ToggleCartIcon } from '@/features/cart/toggle-cart-icon'
 import { ProductReviewsList } from '@/features/product-review'

client/src/shared/ui/OptimizedImage.tsx

@@ -1,5 +1,5 @@
+import * as React from 'react'
 import { useMemo } from 'react'
-import React from 'react'
 import Box from '@mui/material/Box'
 import type { SxProps, Theme } from '@mui/material/styles'
 

client/src/shared/ui/UserAvatar.tsx

@@ -1,5 +1,5 @@
+import * as React from 'react'
 import { useEffect, useRef, useState } from 'react'
-import React from 'react'
 import Avatar from '@mui/material/Avatar'
 import type { SxProps, Theme } from '@mui/material/styles'
 import { createAvatar } from '@dicebear/core'
@@ -13,7 +13,13 @@ type UserAvatarProps = {
   sx?: SxProps<Theme>
 }
 
-export const UserAvatar = React.memo(function UserAvatar({ userId, avatarUrl, avatarStyle, size = 40, sx }: UserAvatarProps) {
+export const UserAvatar = React.memo(function UserAvatar({
+  userId,
+  avatarUrl,
+  avatarStyle,
+  size = 40,
+  sx,
+}: UserAvatarProps) {
   const [generatedSrc, setGeneratedSrc] = useState<string | null>(null)
   const styleId = avatarStyle || DEFAULT_STYLE_ID
   const styleIdRef = useRef(styleId)