refactor: theming

components/account/AccountHeader.vue

@@ -13,7 +13,7 @@ const createdAt = $computed(() => {
 
 <template>
   <div flex flex-col>
-    <div border="b border">
+    <div border="b base">
       <img h-50 w-full object-cover :src="account.header">
     </div>
     <div p3 style="margin-top:-3.5rem;" flex flex-col gap-6>

components/account/AccountPaginator.client.vue

@@ -9,12 +9,12 @@ const { paginator } = defineProps<{
 <template>
   <CommonPaginator
     :paginator="paginator"
-    border="t border"
+    border="t base"
   >
     <template #default="{ item }">
       <AccountCard
         :account="item"
-        border="b border" py-1
+        border="b base" py-1
       />
     </template>
   </CommonPaginator>