Fix linting, break apart CSS, and make editor managment nicer

Author: MrBlankCoding

Public/editor.html

@@ -9,6 +9,8 @@
       <link rel="stylesheet" href="codemirror/addon/fold/foldgutter.css">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap">
       <link rel="stylesheet" href="styles/editor.css">
+      <link rel="stylesheet" href="styles/e_header_footer.css">
+      <link rel="stylesheet" href="styles/e_sidebar.css">
       <link rel="stylesheet" href="codemirror/theme/default.css">
       <link rel="stylesheet" href="codemirror/addon/scroll/simplescrollbars.css">
       <link rel="stylesheet" href="codemirror/addon/lint/lint.css">
@@ -283,7 +285,8 @@
       <script src="codemirror/addon/edit/continuelist.js"></script>
       <script defer src="codemirror/lib/jshint.js"></script>
       <script defer src="codemirror/lib/beautify.min.js"></script>
-      <script src="./utils/editor-managers.js"></script>
+      <script src="./utils/editor_managers.js"></script>
+      <script src="./utils/editor_settings.js"></script>
       <script src="editor.js"></script>
    </body>
 </html>