const filter = (i) =>
      i.customId === buttonList[0].customId ||
      i.customId === buttonList[1].customId || 
      i.customId === buttonList[2].customId;
  
    const collector = await curPage.createMessageComponentCollector({
      filter,
      time: timeout,
    });
  
    collector.on("collect", async (i) => {
      if(i.user.id != interaction.user.id) {
        return client.sendE(i, {description: `<:wrong:947135285702058074> This Button is not for you! Only ${interaction.user} can edit this Page!`}, {ephemeral: true})
      }

      switch (i.customId) {
        case buttonList[0].customId:
          page = page > 0 ? --page : pages.length - 1;
          break;
        case buttonList[1].customId:
          page = page + 1 < pages.length ? ++page : 0;
          break;
        case buttonList[2].customId:
          if(i.user.id === interaction.user.id) {
            collector.stop();
            i.deferUpdate();

            return interaction.editReply({
              embeds: [pages[page]],
              components: realrowDisabled,
            })
          }
          break;
        default:
          break;
      }
      await i.deferUpdate();
      await i.editReply({
        embeds: [pages[page]],
        components: realrow,
      });
      collector.resetTimer();
    });
  
    collector.on("end", (_, reason) => {
      if (curPage.deletable && reason !== "messageDelete") {
        interaction.editReply({
          embeds: [pages[page]],
          components: realrowDisabled,
        });
      }
    });