Move the footer into a common area for reuse

module/apps/Artist.mjs

@@ -49,7 +49,7 @@ export class ArtistApp extends
 			template: filePath(`templates/ArtistApp/linkList.hbs`),
 		},
 		footer: {
-			template: filePath(`templates/ArtistApp/footer.hbs`),
+			template: filePath(`templates/partials/footer.hbs`),
 		},
 	};
 	// #endregion Options

styles/apps/ArtistApp.css

@@ -1,25 +1,4 @@
 .token-browser.ArtistApp {
-	> .window-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		color: var(--color-form-label);
-	}
-
-	label, .label {
-		font-weight: bold;
-	}
-
-	footer {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.5rem;
-	}
-
-	.large {
-		font-size: 1rem;
-	}
-
 	ul {
 		display: flex;
 		flex-flow: row wrap;

styles/apps/common.css

@@ -0,0 +1,22 @@
+.token-browser {
+	> .window-content {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		color: var(--color-form-label);
+	}
+
+	label, .label {
+		font-weight: bold;
+	}
+
+	footer {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		gap: 0.5rem;
+	}
+
+	.large {
+		font-size: 1rem;
+	}
+}

styles/main.css

@@ -8,4 +8,5 @@
 @import url("./elements/lists.css") layer(elements);
 
 /* Apps */
+@import url("./apps/common.css") layer(apps);
 @import url("./apps/ArtistApp.css") layer(apps);