Fix auth redirect issue and enforce trailing slash

Author: derwebcoder

astro.config.mjs

@@ -7,6 +7,7 @@ import react from "@astrojs/react";
 export default defineConfig({
 	site: "https://derwebcoder.github.io",
 	base: "sparktag",
+	trailingSlash: "always",
 	integrations: [
 		tailwind({
 			// disabling this because we have the src/styles/global.css file including the base styles,

src/layouts/BaseLayout.astro

@@ -26,8 +26,11 @@ const { title } = Astro.props;
 <script>
   import { isAuthenticated } from "../scripts/auth/secret";
 
-  const authUrl = import.meta.env.BASE_URL + "/auth";
-  if (window.location.pathname === authUrl || (await isAuthenticated())) {
+  const authUrl = import.meta.env.BASE_URL + "auth/";
+  if (
+    window.location.pathname.startsWith(authUrl) ||
+    (await isAuthenticated())
+  ) {
     document.body.classList.remove("hidden");
   } else {
     window.location.href = authUrl;