Add a new interactive Local Shell extension (#2378)

The companion to nerves-hub/nerves_hub_link#349

This PR adds a new interactive Local Shell UI, similar to the IEx
console, but instead connected to the busybox shell.

<img width="2986" height="914" alt="image"
src="https://github.com/user-attachments/assets/96116132-c2a4-4ab7-9feb-2224b801aab9"
/>

Author: joshk

assets/css/_console.scss

@@ -1,29 +1,28 @@
-$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
-@import '~@fortawesome/fontawesome-free/scss/fontawesome';
-@import '~@fortawesome/fontawesome-free/scss/solid';
-@import '~@fortawesome/fontawesome-free/scss/regular';
-@import '~@fortawesome/fontawesome-free/scss/brands';
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=block');
-
-@import '_animate.css';
-@import 'audit_log_feed';
-@import 'console';
-@import 'layout';
-@import 'colors';
-@import 'typography';
-@import 'buttons';
-@import 'form';
-@import 'navigation';
-@import 'sidebar';
-@import 'home';
-@import 'custom';
-@import 'footer';
-@import 'table';
-@import 'modal';
-@import 'import';
-@import '~bootstrap/scss/bootstrap';
-@import 'metrics';
+$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
+@import "~@fortawesome/fontawesome-free/scss/fontawesome";
+@import "~@fortawesome/fontawesome-free/scss/solid";
+@import "~@fortawesome/fontawesome-free/scss/regular";
+@import "~@fortawesome/fontawesome-free/scss/brands";
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=block");
+
+@import "_animate.css";
+@import "audit_log_feed";
+@import "layout";
+@import "colors";
+@import "typography";
+@import "buttons";
+@import "form";
+@import "navigation";
+@import "sidebar";
+@import "home";
+@import "custom";
+@import "footer";
+@import "table";
+@import "modal";
+@import "import";
+@import "~bootstrap/scss/bootstrap";
+@import "metrics";
 
 html {
   margin: 0;
@@ -37,7 +36,7 @@ html {
 }
 
 html body {
-  font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
 
   .normal-wrapper {
     background-color: var(--background);
@@ -92,7 +91,7 @@ html body {
   &.firmware-penalty-box {
     background-color: rgba(202, 138, 4, 0.5);
     padding-right: 2.5rem;
-    background-image: url('/images/icons/firmware-penalty-box.svg');
+    background-image: url("/images/icons/firmware-penalty-box.svg");
     background-position: right 0.5rem center;
     background-repeat: no-repeat;
     background-size: 1.1rem;
@@ -105,7 +104,7 @@ html body {
 
   &.firmware-disabled {
     padding-right: 2.5rem;
-    background-image: url('/images/icons/firmware-disabled.svg');
+    background-image: url("/images/icons/firmware-disabled.svg");
     background-position: right 0.5rem center;
     background-repeat: no-repeat;
     background-size: 1.1rem;
@@ -117,7 +116,7 @@ html body {
 
   &.active:after {
     display: block;
-    content: '';
+    content: "";
     position: absolute;
     bottom: 0;
     height: 2px;
@@ -132,7 +131,7 @@ html body {
 }
 
 .firmware-penalty-box {
-  background-image: url('/images/icons/error.svg');
+  background-image: url("/images/icons/error.svg");
   background-size: 1.5rem;
   background-repeat: no-repeat;
   background-position: right 0.5rem center;
@@ -254,7 +253,7 @@ html body {
   flex-grow: 1;
 }
 
-.current-alarms>.callout {
+.current-alarms > .callout {
   width: 100%;
 }