fix(frontend): search bar height (#2998)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/Editor.module.scss

@@ -0,0 +1,6 @@
+.editor_wrapper {
+  width: 100%;
+  caret-color: var(--accent);
+  max-height: 100px;
+  overflow: auto;
+}

frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/Editor.tsx

@@ -4,6 +4,7 @@ import "./styles.css";
 
 import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainContext";
 
+import styles from "./Editor.module.scss";
 import { useChatStateUpdater } from "./hooks/useChatStateUpdater";
 import { useCreateEditorState } from "./hooks/useCreateEditorState";
 import { useEditor } from "./hooks/useEditor";
@@ -62,7 +63,7 @@ export const Editor = ({
 
   return (
     <EditorContent
-      className="w-full caret-accent"
+      className={styles.editor_wrapper}
       onKeyDown={(event) => {
         if (event.key === "Enter" && !event.shiftKey && !currentBrain) {
           event.preventDefault();

frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/index.module.scss

@@ -14,6 +14,7 @@
     display: flex;
     padding: Spacings.$spacing05;
     padding-top: 0;
+    gap: Spacings.$spacing05;
 
     &.disabled {
       pointer-events: none;

frontend/lib/components/ui/SearchBar/SearchBar.module.scss

@@ -10,7 +10,7 @@
   background-color: var(--background-0);
   border-radius: Radius.$big;
   border: 1px solid var(--border-0);
-  overflow: hidden;
+  overflow: auto;
   box-shadow: BoxShadow.$large;
 
   &.new_brain {
@@ -19,9 +19,8 @@
 
   .editor_wrapper {
     display: flex;
-    align-items: center;
-    justify-content: space-between;
     padding: Spacings.$spacing05;
+    gap: Spacings.$spacing05;
 
     &.disabled {
       pointer-events: none;
@@ -35,9 +34,10 @@
 
     .search_icon {
       width: IconSizes.$big;
-      height: IconSizes.$big;
+      height: 100%;
       color: var(--accent);
       cursor: pointer;
+      align-self: flex-end;
 
       &.disabled {
         color: var(--text-3);