feat: Update Captain pages UI (#13184)

app/javascript/dashboard/components-next/captain/PageLayout.vue

@@ -130,7 +130,7 @@ const handleCreateAssistant = () => {
               <div class="flex items-center gap-2">
                 <span
                   v-if="!isFetchingAssistants"
-                  class="text-xl font-medium truncate text-n-slate-12"
+                  class="text-heading-1 truncate text-n-slate-12"
                 >
                   {{ activeAssistantName }}
                 </span>
@@ -162,11 +162,16 @@ const handleCreateAssistant = () => {
             <div class="flex items-center gap-4">
               <div
                 v-if="showAssistantSwitcher && !showPaywall && headerTitle"
-                class="w-0.5 h-4 rounded-2xl bg-n-weak"
+                class="w-px h-3 rounded-xl bg-n-weak"
               />
               <span
                 v-if="headerTitle"
-                class="text-xl font-medium text-n-slate-12"
+                class="text-n-slate-12"
+                :class="
+                  showAssistantSwitcher && !showPaywall
+                    ? 'text-body-main'
+                    : 'text-heading-1'
+                "
               >
                 {{ headerTitle }}
               </span>
@@ -174,7 +179,7 @@ const handleCreateAssistant = () => {
                 v-if="!isEmpty && showKnowMore"
                 class="flex items-center gap-2"
               >
-                <div class="w-0.5 h-4 rounded-2xl bg-n-weak" />
+                <div class="w-px h-3 rounded-xl bg-n-weak" />
                 <slot name="knowMore" />
               </div>
             </div>
@@ -222,7 +227,7 @@ const handleCreateAssistant = () => {
         <slot />
       </div>
     </main>
-    <footer v-if="showPaginationFooter" class="sticky bottom-0 z-10 px-4 pb-4">
+    <footer v-if="showPaginationFooter" class="sticky bottom-0 z-10">
       <PaginationFooter
         :current-page="currentPage"
         :total-items="totalCount"