[#7660] added missing type:button attribute and replaced form tag with div to minimize future regressions

ui/src/base/appHeader.js

@@ -59,6 +59,7 @@ export function appHeader() {
             colorSchemeButton(),
             t.button(
                 {
+                    type: "button",
                     className: "header-link logged-user txt-normal",
                     "html-popovertarget": "logged-user-dropdown",
                 },
@@ -108,6 +109,7 @@ function colorSchemeButton() {
     return [
         t.button(
             {
+                type: "button",
                 className: "header-link color-scheme-picker",
                 "html-popovertarget": "color-scheme-dropdown",
                 title: "Color scheme",

ui/src/base/leaflet.js

@@ -247,6 +247,7 @@ function initSearch(selectFunc = null) {
             if (data.searchTerm.length) {
                 return t.button(
                     {
+                        type: "button",
                         className: "link-hint",
                         title: "Clear search",
                         onclick: () => reset(),

ui/src/base/toast.js

@@ -133,6 +133,7 @@ function addToast(textOrElem, options = {}) {
                 textOrElem,
                 t.button(
                     {
+                        type: "button",
                         className: "m-l-auto btn circle sm transparent secondary toast-remove",
                         title: "Clear",
                         onclick: () => removeToast(toastRef),