feat(carousel ui): add aden's carousel pagination design

components/CarouselPagination.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="flex flex-row flex-wrap gap-3 justify-center">
+  <div class="flex flex-row flex-wrap gap-2 justify-center">
     <button
       v-for="(_, i) in amount"
       @click="() => slideTo(i)"
       :class="[
-        currentSlide == i ? 'bg-zinc-300' : 'bg-zinc-700',
-        'cursor-pointer w-4 h-2 rounded-full',
+        currentSlide == i ? 'bg-blue-600 w-6' : 'bg-zinc-700 w-3',
+        'transition-all cursor-pointer h-2 rounded-full',
       ]"
     />
   </div>

drop-base

@@ -1 +1 @@
-Subproject commit 1694de4e89d38849bc95372e93499eea8eec0678
+Subproject commit 01fd41c65ae288eb19bbc92b2625733afe51c101

prisma/schema/schema.prisma

@@ -12,4 +12,4 @@ generator client {
 datasource db {
   provider = "postgresql"
   url      = env("DATABASE_URL")
-}
+}