fix comments

Author: Derikyan

apps/chat/src/components/Header/CreateNewChat.tsx renamed to apps/chat/src/components/Header/CreateNewConversation.tsx

@@ -22,7 +22,7 @@ interface Props {
   iconSize: number;
 }
 
-export const CreateNewChat = ({ iconSize }: Props) => {
+export const CreateNewConversation = ({ iconSize }: Props) => {
   const { t } = useTranslation(Translation.Header);
   const dispatch = useAppDispatch();
 
@@ -54,24 +54,22 @@ export const CreateNewChat = ({ iconSize }: Props) => {
       >
         {!areConversationsLoaded || isActiveNewConversationRequest ? (
           <Spinner
-            size={iconSize + 6}
+            size={iconSize + 22}
             className="cursor-pointer text-secondary md:px-2"
           />
         ) : (
           <div
             className={classNames(
               'flex items-center justify-center rounded border border-transparent bg-accent-secondary-alpha p-[2px] md:px-[10px]',
-              messageIsStreaming || isActiveNewConversationRequest
+              messageIsStreaming
                 ? 'cursor-not-allowed'
                 : 'cursor-pointer hover:border-accent-secondary',
             )}
           >
             <IconPlus
               className={classNames(
                 'text-accent-secondary',
-                messageIsStreaming || isActiveNewConversationRequest
-                  ? 'cursor-not-allowed'
-                  : 'cursor-pointer',
+                messageIsStreaming ? 'cursor-not-allowed' : 'cursor-pointer',
               )}
               size={iconSize}
             />

apps/chat/src/components/Header/Header.tsx

@@ -25,7 +25,7 @@ import MoveLeftIcon from '../../../public/images/icons/move-left.svg';
 import MoveRightIcon from '../../../public/images/icons/move-right.svg';
 import Tooltip from '../Common/Tooltip';
 import { SettingDialog } from '../Settings/SettingDialog';
-import { CreateNewChat } from './CreateNewChat';
+import { CreateNewConversation } from './CreateNewConversation';
 import { User } from './User/User';
 
 import { Inversify } from '@epam/ai-dial-modulify-ui';
@@ -180,7 +180,7 @@ const Header = Inversify.register('Header', () => {
         </Tooltip>
       )}
       {!enabledFeatures.has(Feature.HideNewConversation) && (
-        <CreateNewChat iconSize={headerIconSize} />
+        <CreateNewConversation iconSize={headerIconSize} />
       )}
       <div className="flex grow justify-between">
         <span