Fix design and auto-selection of file format type

resources/scripts/components/elements/AceEditor.tsx

@@ -117,7 +117,7 @@ export default ({ style, initialContent, initialModePath, fetchContent, onConten
                 <div className={'m-3 rounded bg-neutral-900 border border-black'}>
                     <select
                         className={'input-dark'}
-                        defaultValue={mode}
+                        value={mode.split('/').pop()}
                         onChange={e => setMode(`ace/mode/${e.currentTarget.value}`)}
                     >
                         {

resources/styles/components/forms.css

@@ -119,11 +119,6 @@ select.input-dark:not(.appearance-none) {
     &:hover:not(:disabled), &:focus {
         @apply .border-neutral-400;
     }
-
-    /* fix for Firefox trying to be cool with dark colors */
-    &:focus {
-        @apply .bg-white .text-neutral-800;
-    }
 }
 
 .input-dark-label {