Edit prisma connection

prisma/schema.prisma

@@ -3,9 +3,9 @@ generator client {
 }
 
 datasource db {
-  provider     = "mysql"
-  url          = env("PRISMA_URL")
-  relationMode = "prisma"
+  provider  = "postgresql"
+  url       = env("DATABASE_URL")
+  directUrl = env("DIRECT_URL")
 }
 
 model Maintenance {

src/components/Background.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const points = useState(() => Array.from({ length: 15 }).fill(0).map(() => [Math.random(), Math.random()]))
+const points = useState(() => Array.from({ length: 25 }).fill(0).map(() => [Math.random(), Math.random()]))
 
 const poly = computed(() => points.value.map(([x, y]) => `${x * 100}% ${y * 100}%`).join(', '))
 
@@ -23,7 +23,7 @@ onUnmounted(() => clearTimeout(timeout))
   <ClientOnly>
     <div class="bg sm:mx-8 absolute inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
       <div
-        class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
+        class="aspect-[1.7] h-2/3 w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
         :style="{ 'clip-path': `polygon(${poly})` }"
       />
     </div>

src/pages/talents.vue

@@ -147,7 +147,8 @@ async function suggest() {
         </div>
       </UCard>
     </UModal>
-    <div v-if="getCategories" class="sticky z-40 top-[4.8rem] left-0 z-100 flex gap-2 w-full items-center justify-between">
+    <div class="sticky z-40 top-[4.55rem] left-0 z-100 bg-white pt-2">
+      <div v-if="getCategories" class="flex gap-2 w-full items-center justify-between">
         <div class="flex gap-2 overflow-x-scroll sm:overflow-x-hidden bg-gray-100 dark:bg-gray-800 rounded-lg p-1 relative">
           <ClientOnly>
             <div
@@ -190,6 +191,7 @@ async function suggest() {
         </UPopover>
       </div>
       <UDivider class="my-2" />
+    </div>
     <div v-if="talents && getCategories" class="mt-8">
       <div v-if="talents.length > 0 && !pending" class="grid grid-cols-1 gap-y-4 md:gap-x-12 md:gap-y-16 sm:grid-cols-2 lg:grid-cols-3">
         <div