feat: hide sorting (#197)

Author: Exerbaind

frontend/src/pages/admin/MainPage/components/ChatsBlock/ChatsBlock.module.scss

@@ -43,4 +43,12 @@
   min-width: 36px;
   height: 36px;
   padding: 6px 0;
+  opacity: 1;
+  visibility: visible;
+  transition: 0.2s;
+}
+
+.orderByContainerHide {
+  opacity: 0;
+  visibility: hidden;
 }

frontend/src/pages/admin/MainPage/components/ChatsBlock/ChatsBlock.tsx

@@ -1,6 +1,7 @@
 import { BlockNew, Dropdown, Icon, TabsContainer } from '@components'
 import { ChatsActiveTab, ChatsPopularOrderBy } from '@types'
 import { hapticFeedback } from '@utils'
+import cn from 'classnames'
 import { useRef, useState } from 'react'
 
 import { useAdminChatsQuery, useChatsPopularQuery } from '@store-new'
@@ -62,7 +63,10 @@ export const ChatsBlock = () => {
           onChangeTab={handleChangeActiveTab}
         />
         <div
-          className={styles.orderByContainer}
+          className={cn(
+            styles.orderByContainer,
+            activeTab !== 'explore' && styles.orderByContainerHide
+          )}
           onClick={() => handleToggleDropdown()}
           ref={buttonRef}
         >