refactor: create custom paginated store for hosts

Hosts shouldn’t be fetched all at once like it’s the case for stores
like categories and languages because there might be a lot of hosts in
the database.

src/stores/hosts.ts

+import {
+  APIListPaginated,
+  APIRemove,
+  APIRetrieve,
+  APIUpdate,
+  createExtendableAPI,
+} from '@rokoli/bnb/drf'
+import { defineStore } from 'pinia'
+
+import { createSteeringURL } from '@/api'
+import { components } from '@/steering-types'
+import { steeringAuthInit } from '@/stores/auth'
+import { KeysFrom, Host } from '@/types'
+
+type ReadonlyAttrs = KeysFrom<Host, 'id'>
+type HostUpdateData = Omit<Host, ReadonlyAttrs>
+type HostPartialUpdateData = components['schemas']['PatchedHost']
+
+export const useHostStore = defineStore('hosts', () => {
+  const endpoint = createSteeringURL.prefix('hosts')
+  const { api, base } = createExtendableAPI<Host>(endpoint, steeringAuthInit)
+  return {
+    ...base,
+    ...APIListPaginated(api),
+    ...APIRetrieve(api),
+    ...APIUpdate<Host, HostUpdateData, HostPartialUpdateData>(api),
+    ...APIRemove(api),
+  }
+})

src/stores/index.ts

 import { createSteeringURL } from '@/api'
-import {
-  Category,
-  FundingCategory,
-  Host,
-  Language,
-  LinkType,
-  MusicFocus,
-  Topic,
-  Type,
-} from '@/types'
+import { Category, FundingCategory, Language, LinkType, MusicFocus, Topic, Type } from '@/types'
 import { steeringAuthInit } from '@/stores/auth'
 import { createUnpaginatedAPIStore } from '@/stores/util'
 
 export { useAuthStore, useUserStore } from '@/stores/auth'
+export { useHostStore } from '@/stores/hosts'
 export { useImageStore } from '@/stores/images'
 export { useLicenseStore } from '@/stores/licenses'
 export { useNoteStore } from '@/stores/notes'
@@ -61,12 +53,6 @@ export const useMusicFocusStore = createUnpaginatedAPIStore<MusicFocus>(
   steeringAuthInit,
   { syncOnAuth: true },
 )
-export const useHostStore = createUnpaginatedAPIStore<Host>(
-  'hosts',
-  createSteeringURL.prefix('hosts'),
-  steeringAuthInit,
-  { syncOnAuth: true },
-)
 
 export const useLinkTypeStore = createUnpaginatedAPIStore<LinkType>(
   'linkTypes',