refactor(app): changed ways we get data so we can have better reasons why app no worky

frontend/src/routes/index.tsx

@@ -1,9 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
 
 import z from "zod";
-
+import { Button } from "../components/ui/button";
 import { useSession } from "../lib/auth-client";
-import { trackLstEvent } from "../lib/umami.utils";
+import { runtimeConfig, trackLstEvent } from "../lib/umami.utils";
 
 export const Route = createFileRoute("/")({
 	validateSearch: z.object({
@@ -14,7 +14,7 @@ export const Route = createFileRoute("/")({
 });
 
 function Index() {
-	const { isPending } = useSession();
+	const { data: session, isPending } = useSession();
 
 	if (isPending)
 		return <div className="flex justify-center mt-10">Loading...</div>;
@@ -38,6 +38,16 @@ function Index() {
 		});
 	};
 
+	const checkConfig = () => {
+		console.log(runtimeConfig);
+		trackLstEvent("config_click", {
+			module: "app",
+			action: "click",
+			label: "configCheck",
+			page: window.location.pathname,
+		});
+	};
+
 	return (
 		<div className="flex justify-center m-10 flex-col">
 			<h3 className="w-2xl text-3xl">Welcome Lst - V3</h3>
@@ -55,7 +65,7 @@ function Index() {
 						<strong>Click</strong>
 					</b>
 				</a>{" "}
-				<button onClick={click}>
+				<button onClick={click} type="button">
 					<a
 						href={`https://www.youtube.com/watch?v=dQw4w9WgXcQ`}
 						target="_blank"
@@ -67,6 +77,9 @@ function Index() {
 					</a>
 				</button>
 			</p>
+			{session && session.user.role === "systemAdmin" && (
+				<Button onClick={checkConfig}>Check config</Button>
+			)}
 		</div>
 	);
 }