How to inject a Sticky Footer block to all pages

import { appmaker } from "@appmaker-xyz/core";

// my custom block to be added to all pages
const myCustomBlock = {
  name: "namespace/custom-footer-block",
  clientId: "my-custom-footer-block",
  attributes: {
    title: "Custom Title",
  },
};

appmaker.addFilter(
  "inapp-page-data-response",
  "your-theme-name",
  (data, { pageId }) => {
    const pageIds = []; // If you want to add it in some pages only add the pageIds of those pages. Keep empty to add to all pages.
    const exceptPageIds = []; // If you don't want to add it in some pages only add the pageIds of those pages.
    const all = !exceptPageIds || exceptPageIds.length === 0;

    const isPageId = pageIds && pageIds.includes(pageId);
    const isExceptPageId = exceptPageIds && !exceptPageIds.includes(pageId);
    if (all || isPageId || isExceptPageId) {
      data.stickyFooter.blocks = data?.stickyFooter?.blocks || [];
      const isBlockAdded = findBlockIndex(
        data.stickyFooter.blocks,
        myCustomBlock.clientId
      );
      if (isBlockAdded === -1) {
        data.stickyFooter.blocks.unshift(myCustomBlock); // add block to the top of the blocks array. You can use any array method to add the block to certain position.
      }
    }
    return data;
  }
);