renderFormsTab function exported

export function renderFormsTab(): void {
  const content = document.getElementById("content");
  renderTo(
    content,
    <FormsTabView
      savedForms={panelState.savedForms}
      formsLoaded={panelState.formsLoaded}
      onLoad={() => void loadForms()}
      onApply={(form) => void applySavedForm(form)}
      onSave={async (updated, isNew) => {
        await sendToBackground({ type: "UPDATE_FORM", payload: updated });
        if (isNew) {
          panelState.savedForms = [...panelState.savedForms, updated];
          addLog(`${t("logFormSaved")}: ${updated.name}`, "success");
        } else {
          const idx = panelState.savedForms.findIndex(
            (f) => f.id === updated.id,
          );
          if (idx >= 0) panelState.savedForms[idx] = updated;
          addLog(`${t("logTemplateUpdated")}: ${updated.name}`, "success");
        }
        renderFormsTab();
      }}
      onSetDefault={(form) => void setFormAsDefault(form.id)}
      onDelete={(form) => {
        if (window.confirm(t("msgConfirmDeleteForm"))) {
          void deleteFormById(form.id);
        }
      }}
    />,
  );
}