feat(frontend): remote actor profile page with bio, fields, and posts

thoughts-frontend/lib/api.ts

@@ -15,11 +15,22 @@ export const UserSchema = z.object({
 
 export const MeSchema = UserSchema;
 
+export const ProfileFieldSchema = z.object({
+  name: z.string(),
+  value: z.string(),
+});
+export type ProfileField = z.infer<typeof ProfileFieldSchema>;
+
 export const RemoteActorSchema = z.object({
   handle: z.string(),
   displayName: z.string().nullable(),
   avatarUrl: z.string().nullable(),
   url: z.string(),
+  bio: z.string().nullable(),
+  bannerUrl: z.string().nullable(),
+  alsoKnownAs: z.string().nullable(),
+  outboxUrl: z.string().nullable(),
+  attachment: z.array(ProfileFieldSchema),
 });
 export type RemoteActor = z.infer<typeof RemoteActorSchema>;
 
@@ -240,6 +251,23 @@ export const lookupRemoteActor = (handle: string, token: string | null) =>
     token
   );
 
+export const getRemoteActorPosts = (
+  handle: string,
+  page: number,
+  token: string | null
+) =>
+  apiFetch(
+    `/federation/actors/${encodeURIComponent(handle)}/posts?page=${page}&per_page=20`,
+    {},
+    z.object({
+      total: z.number(),
+      page: z.number(),
+      per_page: z.number(),
+      items: z.array(ThoughtSchema),
+    }),
+    token
+  );
+
 export const getAllUsers = (page: number = 1, pageSize: number = 20) =>
   apiFetch(
     `/users?page=${page}&per_page=${pageSize}`,