fix: pagination controls by ensuring activation post outbox URL updat…

…e in actor-profile

actor-profile.js

@@ -84,6 +84,7 @@ class ActorProfile extends HTMLElement {
       "url",
       actorInfo.outbox
     );
+    this.dispatchEvent(new CustomEvent('outboxUpdated', { bubbles: true }));
   }
 }
 

outbox.js

@@ -2,7 +2,7 @@ class DistributedOutbox extends HTMLElement {
   constructor() {
     super();
     this.renderedItems = new Map(); // Tracks rendered items by ID
-    this.numPosts = 32; // Default value
+    this.numPosts = 1; // Default value
     this.page = 1; // Default value
     this.totalPages = 0; // Keep track of total pages
   }

profile.html

@@ -14,16 +14,18 @@
   <button id="nextPage">Next ></button>
 </div>
 <script>
-  const outboxElement = document.querySelector("distributed-outbox");
-  const prevButton = document.getElementById("prevPage");
-  const nextButton = document.getElementById("nextPage");
+  document.addEventListener("outboxUpdated", () => {
+    const outboxElement = document.querySelector("distributed-outbox");
+    const prevButton = document.getElementById("prevPage");
+    const nextButton = document.getElementById("nextPage");
 
-  if (prevButton) {
-    prevButton.addEventListener("click", () => outboxElement.prevPage());
-  }
-  if (nextButton) {
-    nextButton.addEventListener("click", () => outboxElement.nextPage());
-  }
+    if (prevButton) {
+      prevButton.addEventListener("click", () => outboxElement.prevPage());
+    }
+    if (nextButton) {
+      nextButton.addEventListener("click", () => outboxElement.nextPage());
+    }
+  });
 </script>
 <script>
   const params = new URLSearchParams(window.location.search);