Add foundation of the application and templates

styles/apps/SidebarTabRearranger.css

@@ -0,0 +1,29 @@
+.oft.SidebarTabRearranger {
+	ol {
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+		list-style-type: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	li {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 12px;
+		cursor: var(--cursor-grab);
+	}
+
+	.emulate-button {
+		--size: 32px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: var(--size);
+		aspect-ratio: 1;
+		border: 1px solid var(--color-light-5);
+		border-radius: 4px;
+	}
+}

styles/main.css

@@ -6,6 +6,7 @@
 @import url("./repositionHotbar.css") layer(tweaks);
 
 @import url("./apps/common.css") layer(apps);
+@import url("./apps/SidebarTabRearranger.css") layer(apps);
 @import url("./apps/StatusEffectIconConfig.css") layer(apps);
 
 /* Make the chat sidebar the same width as all the other tabs */