🔍 feat: Filter MultiSelect and SelectDropDown (+variants) + CSS fixes for Scrollbar (#2138)

* Initial implementation of MultiSearch. Added implementation to MultiSelect and SelectDropDown and variants

* Update scrollbar styles to prevent breakages on Chrome

* Revert changes to vite.config.ts (redundant for now)

* chore(New Chat): organize imports

* style(scrollbar-transparent): use webkit as standard, expected behavior

* chore: useCallback for mouse enter/leave

* fix(Footer): resolve map key error

* chore: memoize Conversations

* style(MultiSearch): improve multisearch styling

* style: dark mode search input

* fix: react warnings due to unrecognize html props

* chore: debounce OpenAI settings inputs

* fix(useDebouncedInput): only use event value as newValue if not object

---------

Co-authored-by: Flynn <gpg@flyn.ca>

client/src/components/Chat/Footer.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { useGetStartupConfig } from 'librechat-data-provider/react-query';
 import { useLocalize } from '~/hooks';
 
@@ -53,12 +54,13 @@ export default function Footer() {
     <div className="relative flex items-center justify-center gap-2 px-2 py-2 text-xs text-gray-600 dark:text-gray-300 md:px-[60px]">
       {footerElements.map((contentRender, index) => {
         const isLastElement = index === footerElements.length - 1;
-
         return (
-          <>
+          <React.Fragment key={`footer-element-${index}`}>
             {contentRender}
-            {!isLastElement && <div className="h-2 border-r-[1px] border-gray-300" />}
-          </>
+            {!isLastElement && (
+              <div key={`separator-${index}`} className="h-2 border-r-[1px] border-gray-300" />
+            )}
+          </React.Fragment>
         );
       })}
     </div>