chore(settings): add dummy element for index

src/pages/settings/GenericSettings.tsx

@@ -41,6 +41,7 @@ interface Props {
     showExitButton?: boolean;
     switchPage: (to?: string) => void;
     category: "pages" | "channel_pages" | "server_pages";
+    indexHeader?: Children;
 }
 
 export function GenericSettings({
@@ -51,6 +52,7 @@ export function GenericSettings({
     children,
     defaultPage,
     showExitButton,
+    indexHeader,
 }: Props) {
     const history = useHistory();
     const theme = useContext(ThemeContext);
@@ -132,6 +134,7 @@ export function GenericSettings({
                 <div className={styles.sidebar}>
                     <div className={styles.scrollbox}>
                         <div className={styles.container}>
+                            {indexHeader}
                             {pages.map((entry, i) =>
                                 entry.hidden ? undefined : (
                                     <>

src/pages/settings/Settings.tsx

@@ -20,6 +20,7 @@ import {
 } from "@styled-icons/boxicons-solid";
 import { Route, Switch, useHistory } from "react-router-dom";
 import { LIBRARY_VERSION } from "revolt.js";
+import styled from "styled-components";
 
 import styles from "./Settings.module.scss";
 import { Text } from "preact-i18n";
@@ -53,6 +54,8 @@ import { Sessions } from "./panes/Sessions";
 import { Sync } from "./panes/Sync";
 import { ThemeShop } from "./panes/ThemeShop";
 
+const IndexHeader = styled.div``;
+
 export default function Settings() {
     const history = useHistory();
     const client = useContext(AppContext);
@@ -258,6 +261,7 @@ export default function Settings() {
                     </div>
                 </>
             }
+            indexHeader={<IndexHeader>{/**/}</IndexHeader>}
         />
     );
 }