refactor: SOL-122: replace classnames with clsx (#656)

refactor: SOL-122: replace classnames with clsx

site/components/ui/Button/Button.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import React, {
   forwardRef,
   ButtonHTMLAttributes,

site/components/ui/Collapse/Collapse.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import React, { FC, ReactNode, useState } from 'react'
 import s from './Collapse.module.css'
 import { ChevronRight } from '@components/icons'

site/components/ui/Container/Container.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import React, { FC } from 'react'
 
 interface ContainerProps {

site/components/ui/Grid/Grid.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import { FC, ReactNode, Component } from 'react'
 import s from './Grid.module.css'
 

site/components/ui/Input/Input.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import s from './Input.module.css'
 import React, { InputHTMLAttributes } from 'react'
 

site/components/ui/Marquee/Marquee.tsx

@@ -1,4 +1,4 @@
-import cn from 'classnames'
+import cn from 'clsx'
 import s from './Marquee.module.css'
 import { FC, ReactNode, Component, Children } from 'react'
 import { default as FastMarquee } from 'react-fast-marquee'

site/components/ui/Quantity/Quantity.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react'
 import s from './Quantity.module.css'
 import { Cross, Plus, Minus } from '@components/icons'
-import cn from 'classnames'
+import cn from 'clsx'
 export interface QuantityProps {
   value: number
   increase: () => any

site/components/ui/Rating/Rating.tsx

@@ -1,7 +1,7 @@
 import { FC, memo } from 'react'
 import rangeMap from '@lib/range-map'
 import { Star } from '@components/icons'
-import cn from 'classnames'
+import cn from 'clsx'
 
 export interface RatingProps {
   value: number

site/components/ui/Sidebar/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { FC, useEffect, useRef } from 'react'
 import s from './Sidebar.module.css'
-import cn from 'classnames'
+import cn from 'clsx'
 import { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock'
 
 interface SidebarProps {

site/components/ui/Skeleton/Skeleton.tsx

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react'
-import cn from 'classnames'
+import cn from 'clsx'
 import px from '@lib/to-pixels'
 import s from './Skeleton.module.css'
 

site/components/ui/Text/Text.tsx

@@ -3,7 +3,7 @@ import React, {
   JSXElementConstructor,
   CSSProperties,
 } from 'react'
-import cn from 'classnames'
+import cn from 'clsx'
 import s from './Text.module.css'
 
 interface TextProps {