Move "Panel Options" control to the top as "Display"

I chose the title "Display" even though it is called "layout" in the
state because "Layout" is already used to describe tree layout, and I
didn't want translations to conflict.

src/components/controls/controls.tsx

@@ -22,7 +22,7 @@ import ToggleTangle from "./toggle-tangle";
 import Language from "./language";
 import { ControlsContainer } from "./styles";
 import FilterData, {FilterInfo} from "./filter";
-import {TreeInfo, MapInfo, AnimationOptionsInfo, PanelOptionsInfo,
+import {TreeInfo, MapInfo, AnimationOptionsInfo, PanelLayoutInfo,
   ExplodeTreeInfo, EntropyInfo, FrequencyInfo, MeasurementsInfo} from "./miscInfoText";
 import { ControlHeader } from "./controlHeader";
 import MeasurementsOptions from "./measurementsOptions";
@@ -54,6 +54,15 @@ function Controls({ mobileDisplay }: Props) {
       <ControlHeader title={t("sidebar:Filter Data")} tooltip={FilterInfo} mobile={mobileDisplay}/>
       <FilterData measurementsOn={panelsToDisplay.includes("measurements")} />
 
+      {canTogglePanelLayout ?
+        <>
+          <ControlHeader title={t("sidebar:Display")} tooltip={PanelLayoutInfo} mobile={mobileDisplay} />
+          <PanelLayout />
+        </>
+        :
+        <span style={{ marginTop: "10px" }}></span>
+      }
+
       {panelsAvailable.includes("tree") &&
         <PanelSection
           panel="tree"
@@ -122,14 +131,6 @@ function Controls({ mobileDisplay }: Props) {
         <AnimationOptions />
       </span>
 
-      {canTogglePanelLayout &&
-        <>
-          <span style={{ paddingTop: "10px" }} />
-          <ControlHeader title={t("sidebar:Panel Options")} tooltip={PanelOptionsInfo} mobile={mobileDisplay} />
-          <PanelLayout />
-        </>
-      }
-
       <span style={{ paddingTop: "10px" }} />
       <ControlHeader title={t("sidebar:Language")} mobile={mobileDisplay}/>
       <Language />

src/components/controls/miscInfoText.js

@@ -27,7 +27,7 @@ export const AnimationOptionsInfo = (
   </>
 );
 
-export const PanelOptionsInfo = (
+export const PanelLayoutInfo = (
   <>
     Control whether to show the tree and the map side-by-side (<em>grid</em>) or expanded (<em>full</em>).
   </>

src/locales/ar/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "سرعة الحركة",
   "Loop animation": "حركة متكررة",
   "Animate cumulative history": "تحريك التاريخ التراكمي",
-  "Panel Options": "خيارات اللوحة",
   "Tree": "الشجرة",
   "Map": "الخريطة",
   "Entropy": "الانتروبيا",

src/locales/de/sidebar.json

@@ -17,7 +17,6 @@
   "Animation Speed": "Geschwindigkeit der Animation",
   "Loop animation": "In einer Schleife animieren",
   "Animate cumulative history": "Gesamten Verlauf miteinbeziehen",
-  "Panel Options": "Hauptansicht-Einstellungen",
   "Tree": "Baum",
   "Map": "Karte",
   "Entropy": "Entropie",

src/locales/en/sidebar.json

@@ -18,7 +18,7 @@
   "Animation Speed": "Animation Speed",
   "Loop animation": "Loop animation",
   "Animate cumulative history": "Animate cumulative history",
-  "Panel Options": "Panel Options",
+  "Display": "Display",
   "Tree": "Tree",
   "Map": "Map",
   "Entropy": "Entropy",

src/locales/es/sidebar.json

@@ -17,7 +17,6 @@
   "Animation Speed": "Velocidad de la animación",
   "Loop animation": "Repitir la animación",
   "Animate cumulative history": "Animar historial cumulativo",
-  "Panel Options": "Opciones del panel",
   "Tree": "Árbol",
   "Map": "Mapa",
   "Entropy": "Entropía",

src/locales/fr/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "Vitesse d'animation",
   "Loop animation": "Animation en boucle",
   "Animate cumulative history": "Animer l'historique cumulatif",
-  "Panel Options": "Options du panneau",
   "Tree": "Arbre",
   "Map": "Carte",
   "Entropy": "Entropie",

src/locales/it/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "Velocità di animazioni",
   "Loop animation": "Animazioni in loop",
   "Animate cumulative history": "Animare la storia cumulativa",
-  "Panel Options": "Opzioni di pannello",
   "Tree": "Albero",
   "Map": "Mappa",
   "Entropy": "Entropia",

src/locales/ja/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "アニメーション速度",
   "Loop animation": "アニメーションを繰り返し",
   "Animate cumulative history": "累積の履歴をアニメーション",
-  "Panel Options": "パネルのオプション",
   "Tree": "ツリー",
   "Map": "地図",
   "Entropy": "エントロピー",

src/locales/lt/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "Animacijos greitis",
   "Loop animation": "Kartoti laiko atkarpą",
   "Animate cumulative history": "Rodyti kauptinę istoriją",
-  "Panel Options": "Langų parinktys",
   "Tree": "Medį",
   "Map": "Žemėlapį",
   "Entropy": "Entropiją",

src/locales/pl/sidebar.json

@@ -21,7 +21,6 @@
   "Animation Speed": "Szybkość animacji",
   "Loop animation": "Animacja pętli",
   "Animate cumulative history": "Animuj historię zbiorczą",
-  "Panel Options": "Opcje panelu",
   "Tree": "Drzewo",
   "Map": "Mapę",
   "Entropy": "Entropię",

src/locales/pt/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "Velocidade de Animação",
   "Loop animation": "Repetir a animação",
   "Animate cumulative history": "Animar o histórico acumulado",
-  "Panel Options": "Painel de Opções",
   "Tree": "Árvore",
   "Map": "Mapa",
   "Entropy": "Entropia",

src/locales/ru/sidebar.json

@@ -17,7 +17,6 @@
   "Animation Speed": "Скорость Анимации",
   "Loop animation": "Повтор анимации",
   "Animate cumulative history": "Анимировать кумулятивную историю",
-  "Panel Options": "Настройки Панели",
   "Tree": "Дерево",
   "Map": "Карту",
   "Entropy": "Энтропию",

src/locales/tr/sidebar.json

@@ -18,7 +18,6 @@
   "Animation Speed": "Animasyon Hızı",
   "Loop animation": "Döngülü animasyon",
   "Animate cumulative history": "Kümülatif tarihçeyi canlandır",
-  "Panel Options": "Panel Seçenekleri",
   "Tree": "Ağacı",
   "Map": "Haritayı",
   "Entropy": "Entropiyi",