feat: added most beacon DS and listener CRUD

sparse-server/style/_beacons.scss

@@ -0,0 +1,38 @@
+@use 'beacons/listeners';
+@use 'beacons/configs';
+@use 'beacons/categories';
+@use 'beacons/templates';
+@use 'beacons/instances';
+@use 'beacons/commands';
+
+main.beacons {
+    display: grid;
+    grid-template-columns: 120px 1fr;
+    padding: 0;
+
+    aside.beacon-menu {
+        border-right: 1px solid #2e2e59;
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+            margin: 0;
+        }
+
+        li a, li a:visited {
+            display: inline-block;
+            padding: 10px;
+
+            color: white;
+            text-decoration: none;
+
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+aside.beacons {
+
+}

sparse-server/style/_main.scss

@@ -1,3 +1,14 @@
 main.main {
 
 }
+
+main.login {
+    form {
+        display: grid;
+        grid-template-columns: 125px 200px;
+
+        input, label {
+            margin: 10px;
+        }
+    }
+}

sparse-server/style/beacons/_listeners.scss

@@ -0,0 +1,14 @@
+main.beacons div.listeners {
+    form {
+        margin: 10px;
+    }
+
+    fieldset {
+        display: grid;
+        grid-template-columns: 300px 200px;
+
+        input, label {
+            margin: 10px;
+        }
+    }
+}

sparse-server/style/main.scss

@@ -1,5 +1,10 @@
 @use '_users';
 @use '_main';
+@use '_beacons';
+
+* {
+	box-sizing: border-box;
+}
 
 html, body {
 	font-family: sans-serif;