fix(stage-web): not full on model screen, should padding bottom for chat

apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue

@@ -139,9 +139,7 @@ onMounted(() => {
           :sending="sending"
           :streaming-message="streamingMessage"
           max-w="[calc(100%-3.5rem)]"
-          w-full
-          self-start
-          pl-3
+          w-full self-start pb-3 pl-3
           class="chat-history"
           :class="[
             'relative z-20',

apps/stage-web/src/layouts/settings.vue

@@ -146,7 +146,7 @@ onMounted(() => updateThemeColor())
       <HeaderLink />
     </div>
     <!-- Content -->
-    <div class="max-h-[calc(100%-40px)] px-3 py-0 sm:max-h-[calc(100%-56px)] 2xl:max-w-screen-2xl md:py-0 xl:px-4" flex="~ col" mx-auto>
+    <div class="max-h-[calc(100%-40px)] px-3 py-0 sm:max-h-[calc(100%-56px)] 2xl:max-w-screen-2xl md:py-0 xl:px-4" flex="~ col" mx-auto h-full>
       <PageHeader
         :title="routeHeaderMetadata?.title"
         :subtitle="routeHeaderMetadata?.subtitle"