chore: update frontend configuration

app/components/PageHero.vue

@@ -5,7 +5,9 @@
         <component :is="headingTag" v-if="title" class="text-4xl font-bold">
           {{ title }}
         </component>
-        <p v-if="subtitle" class="text-sm opacity-90">{{ subtitle }}</p>
+        <p v-if="subtitle" class="text-sm opacity-90">
+          {{ subtitle }}
+        </p>
         <slot />
       </div>
     </div>
@@ -18,41 +20,41 @@ import { computed } from 'vue'
 const props = defineProps({
   title: {
     type: String,
-    default: '',
+    default: ''
   },
   subtitle: {
     type: String,
-    default: '',
+    default: ''
   },
   gradientFrom: {
     type: String,
-    default: 'from-primary',
+    default: 'from-primary'
   },
   gradientTo: {
     type: String,
-    default: 'to-secondary',
+    default: 'to-secondary'
   },
   minHeight: {
     type: String,
-    default: 'min-h-[25vh]',
+    default: 'min-h-[25vh]'
   },
   maxWidth: {
     type: String,
-    default: 'max-w-xl',
+    default: 'max-w-xl'
   },
   rounded: {
     type: Boolean,
-    default: false,
+    default: false
   },
   alignment: {
     type: String,
     default: 'center',
-    validator: (value) => ['center', 'start', 'end'].includes(value),
+    validator: value => ['center', 'start', 'end'].includes(value)
   },
   headingTag: {
     type: String,
-    default: 'h1',
-  },
+    default: 'h1'
+  }
 })
 
 const sectionClasses = computed(() => {