sticky input component

src/pages/Chatbox.tsx

@@ -662,8 +662,8 @@ export default function ChatBOX() {
             />
           </div>
         )}
-
-        <div className="sticky top-0 z-10 bg-background">
+      </div>
+      <div className="sticky bottom-0 w-full z-20 bg-background">
         <form className="relative rounded-lg border bg-background focus-within:ring-1 focus-within:ring-ring p-1">
           <ChatInput
             value={inputMsg}
@@ -700,10 +700,7 @@ export default function ChatBOX() {
 
             {chatStore.whisper_api && chatStore.whisper_key && (
               <>
-                  <WhisperButton
-                    inputMsg={inputMsg}
-                    setInputMsg={setInputMsg}
-                  />
+                <WhisperButton inputMsg={inputMsg} setInputMsg={setInputMsg} />
                 <span className="sr-only">Use Microphone</span>
               </>
             )}
@@ -732,7 +729,6 @@ export default function ChatBOX() {
           setImages={setImages}
         />
       </div>
-      </div>
     </>
   );
 }