Add settings to header

src/components/ControlPanel.jsx

@@ -972,38 +972,7 @@ export default function ControlPanel({
         ],
         function: () => { },
       },
-      Settings: {
+
-        children: [
-          {
-            Autosave: () =>
-              setSettings((prev) => {
-                Toast.success(
-                  `Autosave is ${settings.autosave ? "off" : "on"}`
-                );
-                return { ...prev, autosave: !prev.autosave };
-              }),
-          },
-          {
-            Panning: () =>
-              setSettings((prev) => {
-                Toast.success(`Panning is ${settings.panning ? "off" : "on"}`);
-                return { ...prev, panning: !prev.panning };
-              }),
-          },
-          {
-            "Flush storage": async () => {
-              db.delete()
-                .then(() => {
-                  Toast.success("Storage flushed");
-                  window.location.reload(false);
-                })
-                .catch(() => {
-                  Toast.error("Oops! Something went wrong.");
-                });
-            },
-          },
-        ],
-      },
       Exit: {
         function: () => { },
       },
@@ -1129,6 +1098,30 @@ export default function ControlPanel({
         function: enterFullscreen,
       },
     },
+    Settings: {
+      Autosave: () =>
+        setSettings((prev) => {
+          Toast.success(
+            `Autosave is ${settings.autosave ? "off" : "on"}`
+          );
+          return { ...prev, autosave: !prev.autosave };
+        }),
+      Panning: () =>
+        setSettings((prev) => {
+          Toast.success(`Panning is ${settings.panning ? "off" : "on"}`);
+          return { ...prev, panning: !prev.panning };
+        }),
+      "Flush storage": async () => {
+        db.delete()
+          .then(() => {
+            Toast.success("Storage flushed");
+            window.location.reload(false);
+          })
+          .catch(() => {
+            Toast.error("Oops! Something went wrong.");
+          });
+      },
+    },
     Help: {
       Shortcuts: {
         function: () => window.open("/shortcuts", "_blank"),
@@ -1137,9 +1130,6 @@ export default function ControlPanel({
       "Ask us on discord": {
         function: () => { },
       },
-      "Tweet us": {
-        function: () => { },
-      },
       "Report a bug": {
         function: () => window.open("/bug_report", "_blank"),
       },