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,7 +318,7 @@ 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} />

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}

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

pages/index.tsx

@@ -648,7 +648,7 @@ const Home: React.FC<HomeProps> = ({
                   lightMode={lightMode}
                   selectedConversation={selectedConversation}
                   apiKey={apiKey}
-                  folders={folders}
+                  folders={folders.filter((folder) => folder.type === 'chat')}
                   onToggleLightMode={handleLightMode}
                   onCreateFolder={(name) => handleCreateFolder(name, 'chat')}
                   onDeleteFolder={handleDeleteFolder}
@@ -706,7 +706,7 @@ const Home: React.FC<HomeProps> = ({
               <div>
                 <Promptbar
                   prompts={prompts}
-                  folders={folders}
+                  folders={folders.filter((folder) => folder.type === 'prompt')}
                   onToggleSidebar={handleTogglePromptbar}
                   onCreatePrompt={handleCreatePrompt}
                   onUpdatePrompt={handleUpdatePrompt}