Update diff files toggle button placement

Place the diff files toggle button in the `diff-layout > div.pr-toolbar > div.diffbar > div.pr-review-tools` section.

github-diff-file-toggle.user.js

@@ -26,29 +26,32 @@
 
  const setToggleStyle = state => {
  const mainToggle = $(".ghdt-toggle");
- mainToggle.classList.toggle("ghdt-selected", state);
- mainToggle.style = state
- ? "background-color: var(--color-btn-selected-bg);"
-  : "";
+ if (mainToggle) {
+  mainToggle.classList.toggle("ghdt-selected", state);
+ mainToggle.style = state ? "background-color: var(--color-btn-selected-bg);" : "";
+ }
  };
 
- const buildButton = () => {
+ const init = () => {
  if (!$(".ghdt-toggle")) {
- const button = make({
+ const toggleButton = make({
  el: "button",
  className: "btn btn-sm ghdt-toggle tooltipped tooltipped-s float-right",
  text: "Toggle viewed",
  attrs: {
  "aria-label": "Toggle all viewed files"
  }
  });
- on(button, "click", event => {
+ on(toggleButton, "click", event => {
  toggle(document, !event.target.classList.contains("ghdt-selected"));
  });
- $("#files.diff-view")?.prepend(button);
+ const diffBarItem = make({
+ el: "div",
+ className: "diffbar-item js-batched-reviewed mr-3",
+ }, [toggleButton]);
+ $("diff-layout > div.pr-toolbar > div.diffbar > div.pr-review-tools")?.prepend(diffBarItem);
  }
- // Update toggle button state after initialized; timer for progressive
- // loading
+ // Update toggle button state after initialized; timer for progressive loading
  clearTimeout(timer);
  timer = setTimeout(() => {
  if ($$(".js-reviewed-checkbox").every(el => el.checked)) {
@@ -78,12 +81,6 @@
  }
  };
 
- const init = () => {
- if ($("#files.diff-view") || $(".pr-toolbar")) {
- buildButton();
- }
- };
-
  on(document, "ghmo:container ghmo:diff", init);
  on(document, "click", debounce(handleChange));
  on(document, "keydown", debounce(handleChange));