UI update

Seasoned.Frontend/app/pages/chat.vue

@@ -9,7 +9,7 @@
             contain
           >
         </v-img>
-        <p class="brand-subtitle">Kitchen Consultation</p>
+        <p class="chat-title">Kitchen Consultation</p>
       </header>
       
       <v-divider class="mb-6 separator"></v-divider>

Seasoned.Frontend/app/pages/gallery.vue

@@ -9,7 +9,7 @@
           class="mx-auto"
           contain
         ></v-img>
-        <p class="brand-subtitle">Your Recipe Collection</p>
+        <p class="collection-title">Your Recipe Collection</p>
       </header>
 
       <v-divider class="mb-10 separator"></v-divider>
@@ -214,6 +214,7 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import '@/assets/css/gallery.css'
+import '@/assets/css/app-theme.css'
 
 const recipes = ref([])
 const loading = ref(true)

Seasoned.Frontend/app/pages/uploader.vue

@@ -9,7 +9,7 @@
             contain
           >
         </v-img>
-        <p class="brand-subtitle">Recipe Uploader</p>
+        <p class="chat-title">Recipe Uploader</p>
       </header>
 
       <v-divider class="mb-10 separator"></v-divider>