Add a very primitive new sidebar tab for the module

public/styles/Apps/StatsSidebar.css

@@ -0,0 +1,21 @@
+.stats-sidebar {
+	display: flex;
+	flex-direction: column;
+	gap: 2rem;
+	padding: 1rem;
+
+	h4 {
+		margin: 0;
+	}
+
+	section {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.info {
+		display: flex;
+		justify-content: space-between;
+	}
+}

public/styles/main.css

@@ -3,3 +3,4 @@
 @import url("./elements/custom-multi-select.css") layer(elements);
 
 @import url("./Apps/StatsViewer.css") layer(apps);
+@import url("./Apps/StatsSidebar.css") layer(apps);

public/templates/Apps/StatSidebar/main.hbs

@@ -0,0 +1,31 @@
+<section>
+	<h4 class="divider">Summary</h4>
+	<div class="info">
+		<span>Count of Tables</span>
+		<span>{{ tableCount }}</span>
+	</div>
+	{{!-- <div class="info">
+		<span>Your Total Rows</span>
+		<span>{{ userRowCount }}</span>
+	</div>
+	<div class="info">
+		<span>Your Private Rows</span>
+		<span>{{ userPrivateRowCount }}</span>
+	</div>
+	<div class="info">
+		<span>Global Row Count</span>
+		<span>{{ globalRowCount }}</span>
+	</div> --}}
+</section>
+
+<section>
+	<h4 class="divider">Apps</h4>
+	<button
+		type="button"
+		data-action="openStats"
+	>
+		View Statistics
+	</button>
+	<button type="button">Manage Tables</button>
+	<button type="button">Manage Rows</button>
+</section>