style: compact new folder

src/components/Menu/ChatHistoryList.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useRef, useState } from 'react';
 import useStore from '@store/store';
 import { shallow } from 'zustand/shallow';
 
-import NewFolder from './NewFolder';
 import ChatFolder from './ChatFolder';
 import ChatHistory from './ChatHistory';
 import ChatSearch from './ChatSearch';
@@ -164,7 +163,6 @@ const ChatHistoryList = () => {
       onDragLeave={handleDragLeave}
       onDragEnd={handleDragEnd}
     >
-      <NewFolder />
       <ChatSearch filter={filter} setFilter={setFilter} />
       <div className='flex flex-col gap-2 text-gray-100 text-sm'>
         {Object.keys(chatFolders).map((folderId) => (

src/components/Menu/Menu.tsx

@@ -3,6 +3,7 @@ import React, { useEffect, useRef } from 'react';
 import useStore from '@store/store';
 
 import NewChat from './NewChat';
+import NewFolder from './NewFolder';
 import ChatHistoryList from './ChatHistoryList';
 import MenuOptions from './MenuOptions';
 
@@ -38,7 +39,10 @@ const Menu = () => {
         <div className='flex h-full min-h-0 flex-col'>
           <div className='flex h-full w-full flex-1 items-start border-white/20'>
             <nav className='flex h-full flex-1 flex-col space-y-1 px-2 pt-2'>
-              <NewChat />
+              <div className='flex gap-2'>
+                <NewChat />
+                <NewFolder />
+              </div>
               <ChatHistoryList />
               <MenuOptions />
             </nav>

src/components/Menu/NewChat.tsx

@@ -13,7 +13,7 @@ const NewChat = ({ folder }: { folder?: string }) => {
 
   return (
     <a
-      className={`flex items-center max-md:hidden rounded-md hover:bg-gray-500/10 transition-all duration-200 text-white text-sm flex-shrink-0 ${
+      className={`flex flex-1 items-center max-md:hidden rounded-md hover:bg-gray-500/10 transition-all duration-200 text-white text-sm flex-shrink-0 ${
         generating
           ? 'cursor-not-allowed opacity-40'
           : 'cursor-pointer opacity-100'

src/components/Menu/NewFolder.tsx

@@ -52,10 +52,7 @@ const NewFolder = () => {
         if (!generating) addFolder();
       }}
     >
-      <NewFolderIcon />{' '}
-      <span className='hidden md:inline-flex text-white text-sm'>
-        {t('newFolder')}
-      </span>
+      <NewFolderIcon />
     </a>
   );
 };