ui: unify title

components/app/AppBreadcrumb.vue

@@ -21,7 +21,7 @@
           :class="
             index !== items.length - 1
               ? 'text-gray-400'
-              : 'text-gray-600 font-extralight select-all'
+              : 'text-gray-500 font-light select-all'
           "
         >
           {{ item.title }}

components/page/PageHeader.vue

 <template>
-  <div class="flex items-center justify-between py-8">
-    <h1 class="text-4xl font-extrabold">{{ document.title }}</h1>
+  <div class="flex items-center justify-between">
+    <h1
+      class="text-3xl md:text-4xl 2xl:text-5xl bg-clip-text text-transparent bg-gradient-to-r from-purple-800 to-blue-600 font-extrabold leading-tight py-8"
+    >
+      {{ document.title }}
+    </h1>
     <slot />
   </div>
 </template>