feat: popular chats

frontend/src/App.tsx

@@ -1,14 +1,14 @@
 import { ThemeContext } from '@context'
 import '@styles/index.scss'
 import { TonConnectUIProvider } from '@tonconnect/ui-react'
 import { checkIsMobile, checkStartAppParams } from '@utils'
 import { useContext, useEffect } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
 
 import config from '@config'
 import { AuthService } from '@services'
 import { useUser, useUserActions } from '@store'
 import { useAuthQuery } from '@store-new'
 
 import Routes from './Routes'
 
@@ -94,6 +94,8 @@
     }
   }, [isAuthenticated])
 
+  if (!isAuthenticated) return null
+
   // if (!AuthService.isAuth()) return null
 
   return (

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

@@ -22,7 +22,7 @@ export const MainPage = () => {
   return (
     <PageLayoutNew>
       <TelegramBackButton hidden />
-      {/* <TelegramMainButton text="Add Group or Channel" onClick={handleAddChat} /> */}
+      <TelegramMainButton text="Add Group or Channel" onClick={handleAddChat} />
       <BlockNew gap={12} className={styles.container}>
         <BlockNew padding="0 16px">
           <Text type="hero" weight="bold">

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

@@ -23,7 +23,9 @@ export const PopularChatsList = ({ chats }: PopularChatsListProps) => {
             description={
               <BlockNew gap={6} row align="center" fadeIn={false}>
                 <Text type="caption2" color="secondary">
-                  ${Math.floor(chat.tcv).toLocaleString()}
+                  {chat.tcv < 1
+                    ? 'New'
+                    : `$${Math.floor(chat.tcv).toLocaleString()}`}
                 </Text>
                 <div className={styles.divider} />
                 <Text type="caption2" color="secondary">