fix: lint and type errors in ToggleCartIcon, AdminLayout, ProductFilters, use-product-filters

client/src/pages/home/lib/use-product-filters.ts

@@ -24,8 +24,8 @@ export function useProductFilters() {
     return () => window.clearTimeout(t)
   }, [qInput])
 
-  const handleCategoryChange = (e: SelectChangeEvent<string>) => {
-    setCategorySlug(e.target.value)
+  const handleCategoryChange = (slug: string) => {
+    setCategorySlug(slug)
     setPage(1)
   }
 

client/src/pages/home/ui/ProductFilters.tsx

@@ -83,9 +83,26 @@ export function ProductFilters({
 
       <Paper
         variant="outlined"
-        sx={{ p: 1.5, borderRadius: 3, bgcolor: 'background.paper', display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 1.5, alignItems: { sm: 'center' }, justifyContent: 'space-between' }}
+        sx={{
+          p: 1.5,
+          borderRadius: 3,
+          bgcolor: 'background.paper',
+          display: 'flex',
+          flexDirection: { xs: 'column', sm: 'row' },
+          gap: 1.5,
+          alignItems: { sm: 'center' },
+          justifyContent: 'space-between',
+        }}
       >
-        <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, alignItems: { sm: 'center' }, gap: 1.5, flexGrow: 1 }}>
+        <Box
+          sx={{
+            display: 'flex',
+            flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: { sm: 'center' },
+            gap: 1.5,
+            flexGrow: 1,
+          }}
+        >
           <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.75, alignItems: 'center' }}>
             <Chip
               label="Все"
@@ -149,11 +166,17 @@ export function ProductFilters({
 
       <Collapse in={moreOpen} unmountOnExit>
         <Paper variant="outlined" sx={{ p: 2, borderRadius: 3, display: 'flex', flexDirection: 'column', gap: 2 }}>
-          <Stack direction={{ xs: 'column', md: 'row' }} spacing={2} sx={{ alignItems: { md: 'center' }, flexWrap: { md: 'wrap' } }}>
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+            sx={{ alignItems: { md: 'center' }, flexWrap: { md: 'wrap' } }}
+          >
             <FormControl sx={{ minWidth: 200 }} size="small">
               <InputLabel id="sort-label">Сортировка</InputLabel>
               <Select<string> labelId="sort-label" label="Сортировка" value={sort} onChange={handleSortChange}>
-                <MenuItem value=""><em>Сначала новые</em></MenuItem>
+                <MenuItem value="">
+                  <em>Сначала новые</em>
+                </MenuItem>
                 <MenuItem value="price_asc">Цена: по возрастанию</MenuItem>
                 <MenuItem value="price_desc">Цена: по убыванию</MenuItem>
               </Select>
@@ -176,9 +199,16 @@ export function ProductFilters({
 
             <FormControl sx={{ minWidth: 160 }} size="small">
               <InputLabel id="page-size-label">На странице</InputLabel>
-              <Select<string> labelId="page-size-label" label="На странице" value={String(pageSize)} onChange={handlePageSizeChange}>
+              <Select<string>
+                labelId="page-size-label"
+                label="На странице"
+                value={String(pageSize)}
+                onChange={handlePageSizeChange}
+              >
                 {[6, 12, 18, 24].map((n) => (
-                  <MenuItem key={n} value={String(n)}>{n}</MenuItem>
+                  <MenuItem key={n} value={String(n)}>
+                    {n}
+                  </MenuItem>
                 ))}
               </Select>
             </FormControl>
@@ -186,7 +216,15 @@ export function ProductFilters({
 
           <Divider />
 
-          <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 1.5, alignItems: { sm: 'center' }, justifyContent: 'space-between' }}>
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: { xs: 'column', sm: 'row' },
+              gap: 1.5,
+              alignItems: { sm: 'center' },
+              justifyContent: 'space-between',
+            }}
+          >
             <Typography variant="subtitle2">Масштаб карточек</Typography>
             <ToggleButtonGroup
               exclusive