Move sass files to static/styles (#3971)

Also hides the tab titles on text overflow

.idea/scopes/Client.xml

@@ -1,3 +1,3 @@
 <component name="DependencyValidationManager">
-  <scope name="Client" pattern="file[compiler-explorer]:static/*||file[compiler-explorer]:static/themes/*||file[compiler-explorer]:static/assets/*||file[compiler-explorer]:views/*||file[compiler-explorer]:static/modes/*||file[compiler-explorer]:static/panes/*||file[compiler-explorer]:static/generated/*" />
+  <scope name="Client" pattern="file[compiler-explorer]:static/*||file[compiler-explorer]:static/styles/themes/*||file[compiler-explorer]:static/assets/*||file[compiler-explorer]:views/*||file[compiler-explorer]:static/modes/*||file[compiler-explorer]:static/panes/*||file[compiler-explorer]:static/generated/*" />
 </component>

static/compiler-service.ts

@@ -42,6 +42,8 @@ type CompilationStatus = {
     compilerOut: number;
 };
 
+const ASCII_COLORS_RE = new RegExp(/\x1B\[[\d;]*m(.\[K)?/g);
+
 export class CompilerService {
     private readonly base = window.httpRoot;
     private allowStoreCodeDebug: boolean;
@@ -429,11 +431,9 @@ export class CompilerService {
         const stdout = result.stdout ?? [];
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         const stderr = result.stderr ?? [];
-        // TODO: Make its own const variable at top of module?
-        const asciiColorsRe = new RegExp(/\x1B\[[\d;]*m(.\[K)?/g);
 
         function filterAsciiColors(line: ResultLine) {
-            return line.text.replace(asciiColorsRe, '');
+            return line.text.replace(ASCII_COLORS_RE, '');
         }
 
         const output = stdout.map(filterAsciiColors).concat(stderr.map(filterAsciiColors)).join('\n');

static/main.js

@@ -66,7 +66,7 @@ require('bootstrap/dist/css/bootstrap.min.css');
 require('golden-layout/src/css/goldenlayout-base.css');
 require('tom-select/dist/css/tom-select.bootstrap4.css');
 require('./colours.scss');
-require('./explorer.scss');
+require('./styles/explorer.scss');
 
 // Check to see if the current unload is a UI reset.
 // Forgive me the global usage here

static/styles/explorer.scss

@@ -570,6 +570,10 @@ kbd {
     height: 20px !important;
 }
 
+li.lm_tab.lm_active {
+    overflow: hidden;
+}
+
 @media (max-width: 768px) {
     .lm_header {
         height: 50px !important;