Refactor Home.vue to improve composer layout and scrolling behavior

- Updated the composer section to include a maximum height and overflow handling, enhancing usability by allowing users to scroll through the composer content.
- Maintained the existing functionality of the NoteComposer and RideshareComposer components, ensuring a seamless user experience.

These changes contribute to a more user-friendly interface within the Home component.

src/pages/Home.vue

@@ -38,22 +38,24 @@
     <div class="flex-1 overflow-hidden">
       <!-- Collapsible Composer -->
       <div v-if="showComposer || replyTo" class="border-b bg-background">
-        <div class="px-4 py-3 sm:px-6">
+        <div class="max-h-[70vh] overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent">
-          <!-- Regular Note Composer -->
+          <div class="px-4 py-3 sm:px-6">
-          <NoteComposer
+            <!-- Regular Note Composer -->
-            v-if="composerType === 'note' || replyTo"
+            <NoteComposer
-            :reply-to="replyTo"
+              v-if="composerType === 'note' || replyTo"
-            @note-published="onNotePublished"
+              :reply-to="replyTo"
-            @clear-reply="onClearReply"
+              @note-published="onNotePublished"
-            @close="onCloseComposer"
+              @clear-reply="onClearReply"
-          />
+              @close="onCloseComposer"
+            />
 
-          <!-- Rideshare Composer -->
+            <!-- Rideshare Composer -->
-          <RideshareComposer
+            <RideshareComposer
-            v-else-if="composerType === 'rideshare'"
+              v-else-if="composerType === 'rideshare'"
-            @rideshare-published="onRidesharePublished"
+              @rideshare-published="onRidesharePublished"
-            @close="onCloseComposer"
+              @close="onCloseComposer"
-          />
+            />
+          </div>
         </div>
       </div>