feat: Restructure settings

- New styles
- New content

source/style/modules/ui/_settings_module.scss

@@ -1,9 +1,6 @@
 @mixin nav-spacer($name, $size, $orientation) {
-	.spacer-#{$name} {
+	.spacer.#{$name} {
 		width: $size;
-		margin: 0;
-		border: $border_dotted;
-		opacity: .25;
 	}
 }
 
@@ -35,7 +32,7 @@
 		flex: 1;
 
 		aside {
-			background-color: $color_brighter;
+			background-color: rgba(255, 255, 255, .1);
 		}
 
 		section {
@@ -46,9 +43,9 @@
 
 .io {
 	.spacer {
-		width: $space_double;
 		margin: 0;
 		border: $border_dotted;
+		padding: 0;
 		opacity: .25;
 	}