Added a settings page with Signout and Back to home

app/src/home-page/home.css

···
 	justify-content: center;
 }
 
-.dark-theme {
-	background: #000;
-	color: #fff;
-}
-
 .app {
 	width: 100%;
 	background: #f9fafb;

app/src/home-page/home.html

···
 					>
 						<p>New signup key: <a x-text="newSignupKey"></a></p>
 					</div>
-					<br />
-					<button @click="toggleDarkMode()">Toggle Dark Mode</button>
 				</div>
 			</div>
 		</div>

app/src/home-page/home.ts

···
 import Alpine from "alpinejs";
 import { Store } from "../utils/store.ts";
 import { post } from "../utils/api.ts";
-import { toggleStyle } from "../utils/tools.ts";
 
 Alpine.data("homePageState", () => ({
 	friends: [
···
 	goto(newLocation: string) {
 		window.location.href =
 			"/src/" + newLocation + "-page/" + newLocation + ".html";
-	},
-
-	toggleDarkMode() {
-		/*
-		This toggles darkmode for 'body' in the css file | use for only document types
-		document.body.classList.toggle("dark-theme");
-
-		this toggles darkmode for '.app' in the css file | use if it isn't a document type
-		toggleStyle("app", "dark-theme");
-
-	 */
-
-		document.body.classList.toggle("dark-theme");
-		toggleStyle("header", "dark-theme");
-		toggleStyle([".app", ".friend-card", ".content"], "dark-theme");
 	},
 }));
 

app/src/settings-page/settings.html

···
 				</button>
 
 				<button class="btn-secondary" @click="resetStore()">
-					Reset Store & go to Sign Up
+					Signout
 				</button>
 			</div>
 		</div>

app/src/utils/tools.ts

···
 		"/src/" + newLocation + "-page/" + newLocation + ".html";
 }
 
+/*
+
+Use this type of function to toggle dark mode. It CAN be modified to your needs. copy the function, and fix the end comment(be sure to put this in the alpine section)
+
+toggleDarkMode() {
+		/*
+		This toggles darkmode for 'body' in the css file | use for only document types
+		document.body.classList.toggle("dark-theme");
+
+		this toggles darkmode for '.app' in the css file | use if it isn't a document type
+		toggleStyle("app", "dark-theme");
+
+	 * /
+
+		document.body.classList.toggle("dark-theme");
+		toggleStyle("header", "dark-theme");
+		toggleStyle([".app", ".friend-card", ".content"], "dark-theme");
+	},
+	*/
+
 export function toggleStyle(classNames: string | string[], newClass: string) {
 	if (typeof classNames === "string") {
 		for (