feat: Move files

- Template app is now part of hippie and not demo anymore
- Update includes
- Settings module is now called frame

source/style/modules/ui/_frame_module.scss

@@ -0,0 +1,93 @@
+@mixin nav-spacer($name, $size, $orientation) {
+	.spacer.#{$name} {
+		width: $size;
+	}
+}
+
+.body_frame {
+	@extend %flex-column;
+	@extend .body_ui;
+
+	background-color: $color_back_basic;
+
+	position: relative;
+	height: 100%;
+
+	header,
+	aside,
+	footer {
+		border: 1px solid transparent;
+	}
+
+	&>header {
+		background-color: rgba(0, 0, 0, .1);
+	}
+
+	main {
+		@extend %flex-row;
+
+		flex: 1;
+
+		aside {
+			// background-color: rgba(255, 255, 255, .1);
+		}
+
+		section {
+
+			&>header,
+			&>footer {
+				background-color: transparentize($color_back_io, .5);
+
+				&:hover {
+					background-color: $color_back_io;
+				}
+			}
+		}
+
+		section,
+		section>div {
+			flex: 1;
+		}
+
+		section {
+			@extend %flex-column;
+			gap: 0;
+		}
+	}
+}
+
+#content {
+	background-color: $color_back_io;
+
+	&>table {
+		width: 100%;
+		margin: 0;
+		border: 0;
+
+		tr:hover td {
+			background-color: $color_highlight_basic;
+		}
+
+		th {
+			border: 1px solid $color_border_io;
+		}
+
+		td {
+			border-width: 0 1px;
+			border-style: solid;
+			border-color: $color_border_io;
+		}
+	}
+}
+
+.io {
+	.spacer {
+		margin: 0;
+		border: $border_dotted;
+		padding: 0;
+		opacity: .25;
+	}
+
+	@include nav-spacer('a', $space_double, false);
+	@include nav-spacer('b', $space_small, false);
+}