Rely on agenda instance from model on page

import { Base } from "./Base.mjs"

import { Agenda } from "../pieces/Agenda.mjs"

import { getKey } from "../../account.mjs"

import { agenda } from "../../model/Agenda.mjs"

import { ButtonAndTextLink } from "../pieces/ButtonAndTextLink.mjs"

import {

    getLatestProtocolMetadata,

    getProtocolEditLink,

} from "../../gitlab.mjs"

const items = {

    all: null,

    message: "Wird geladen...",

    async fetch() {

        try {

            this.all = await m.request({

                method: "GET",

                url: "/api/v0/agendas/-/items",

                headers: getKey()

                    ? {

                          Authorization: `Bearer ${getKey().secret}`,

                      }

                    : {},

            })

        } catch (e) {

            if (e.code === 401) {

                this.message =

                    "Melde dich an Portal an, um die Tagesordnung anzuzeigen."

            } else {

                this.message = "Die Tagesordnung konnte nicht geladen werden."

            }

        }

    },

}

const latestProtocol = {

    meta: null,

    async fetch() {

        document.title = "Fachschaftssitzung · FS Coli Portal"

    },

    async oninit() {

        items.fetch()

        agenda.fetch()

        latestProtocol.fetch()

    },

    view() {

        return m(Base, [

            m(Agenda, {

                items: items.all,

                message: items.message,

            }),

            m(Agenda, agenda),

            m("section", [

                m(

                    "p",