fix: small ui issue (#311)

* fix: unnecessary lines before the chats or prompts

Removed unncessary lines if there are no folders before prompts and
chats.

* added the light mode for scroll down button

components/Chat/Chat.tsx

@@ -318,10 +318,10 @@ export const Chat: FC<Props> = memo(
         {showScrollDownButton && (
           <div className="absolute bottom-0 right-0 mb-4 mr-4 pb-20">
             <button
-              className="flex h-7 w-7 items-center justify-center rounded-full bg-gray-700 shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700"
+              className="flex h-7 w-7 items-center justify-center rounded-full bg-neutral-200 text-gray-700 shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700"
               onClick={handleScrollDown}
             >
-              <IconArrowDown size={18}/>
+              <IconArrowDown size={18} />
             </button>
           </div>
         )}

components/Chatbar/Chatbar.tsx

@@ -162,7 +162,7 @@ export const Chatbar: FC<Props> = ({
               conversations={filteredConversations.filter(
                 (conversation) => conversation.folderId,
               )}
-              folders={folders.filter((folder) => folder.type === 'chat')}
+              folders={folders}
               onDeleteFolder={onDeleteFolder}
               onUpdateFolder={onUpdateFolder}
               selectedConversation={selectedConversation}
@@ -196,7 +196,7 @@ export const Chatbar: FC<Props> = ({
         ) : (
           <div className="flex flex-col gap-3 items-center text-sm leading-normal mt-8 text-white opacity-50">
             <IconMessagesOff />
-              {t('No conversations.')}
+            {t('No conversations.')}
           </div>
         )}
       </div>

components/Promptbar/Promptbar.tsx

@@ -139,7 +139,7 @@ export const Promptbar: FC<Props> = ({
             <PromptFolders
               searchTerm={searchTerm}
               prompts={filteredPrompts}
-              folders={folders.filter((folder) => folder.type === 'prompt')}
+              folders={folders}
               onUpdateFolder={onUpdateFolder}
               onDeleteFolder={onDeleteFolder}
               // prompt props
@@ -167,7 +167,7 @@ export const Promptbar: FC<Props> = ({
           <div className="mt-8 text-center text-white opacity-50 select-none">
             <IconMistOff className="mx-auto mb-3" />
             <span className="text-[14px] leading-normal">
-            {t('No prompts.')}
+              {t('No prompts.')}
             </span>
           </div>
         )}