feat: re-apply timelines loading optimization (#524)

Co-authored-by: Daniel Roe <daniel@roe.dev>

pages/domain_blocks.vue

@@ -1,18 +1,13 @@
 <script setup lang="ts">
+import TimelineDomainBlocks from '~~/components/timeline/TimelineDomainBlocks.vue'
+
 definePageMeta({
   middleware: 'auth',
 })
 
-const masto = useMasto()
-const paginator = masto.domainBlocks.iterate()
-
 useHeadFixed({
   title: 'Blocked domains',
 })
-
-const unblock = async (domain: string) => {
-  await masto.domainBlocks.unblock(domain)
-}
 </script>
 
 <template>
@@ -21,15 +16,6 @@ const unblock = async (domain: string) => {
       <span text-lg font-bold>{{ $t('account.blocked_domains') }}</span>
     </template>
 
-    <CommonPaginator :paginator="paginator">
-      <template #default="{ item }">
-        <CommonDropdownItem class="!cursor-auto">
-          {{ item }}
-          <template #actions>
-            <div i-ri:lock-unlock-line text-primary cursor-pointer @click="unblock(item)" />
-          </template>
-        </CommonDropdownItem>
-      </template>
-    </CommonPaginator>
+    <TimelineDomainBlocks v-if="isMastoInitialised" />
   </MainContent>
 </template>