updateAllDOM() {
      Logger.debug("DOMManager: updateAllDOM");
      this.elements.forEach((element2) => {
        let newContent = element2.template;
        newContent = newContent.replace(/\{\{\s*([^}]+)\s*\}\}/g, (match, path) => {
          path = path.trim();
          return this.model.store.get(path);
        });
        element2.node.textContent = newContent;
        Logger.debug(`DOMManager: updated node`, { element: element2, newContent });
      });
      Logger.debug("DOMManager: update inputs");
      this.inputs.forEach((item) => {
        Logger.debug("DOMManager: update input", { item });
        const value = this.model.store.get(item.property);
        this.setInputValue(item.element, value);
        Logger.debug("DOMManager: updated input", { item, value });
      });
    }
Updates all DOM elements based on the current state of the model.
This includes:
- Text nodes containing template placeholders.
- Input elements bound using `data-model` attributes.

Iterates through registered nodes and inputs, updating their content
or values to reflect the latest model state.

Ensures that the UI remains synchronized with the underlying model.