organize, login now works, dashboard always has user info

.env.example

@@ -1,5 +1 @@
 DATABASE_URL=
-
-KEYCLOAK_CLIENT_ID=
-KEYCLOAK_CLIENT_SECRET=
-KEYCLOAK_ISSUER=

src/lib/components/Forms/LoginForm.svelte

@@ -5,10 +5,10 @@
 	import { goto } from '$app/navigation';
 
 	import Logo from '$lib/components/Logo.svelte';
-	import FormInput from '$lib/components/FormInput.svelte';
-	import Button from '$lib/components/Button.svelte';
-	import ButtonText from '$lib/components/ButtonText.svelte';
-	import ButtonIcon from '$lib/components/ButtonIcon.svelte';
+	import FormInput from '$lib/components/Inputs/FormInput.svelte';
+	import Button from '$lib/components/Inputs/Button.svelte';
+	import ButtonText from '$lib/components/Inputs/ButtonText.svelte';
+	import ButtonIcon from '$lib/components/Inputs/ButtonIcon.svelte';
 
 	export let callback;
 

src/lib/components/Forms/RegisterForm.svelte

@@ -5,10 +5,10 @@
 	import { goto } from '$app/navigation';
 
 	import Logo from '$lib/components/Logo.svelte';
-	import FormInput from '$lib/components/FormInput.svelte';
-	import Button from '$lib/components/Button.svelte';
-	import ButtonText from '$lib/components/ButtonText.svelte';
-	import ButtonIcon from '$lib/components/ButtonIcon.svelte';
+	import FormInput from '$lib/components/Inputs/FormInput.svelte';
+	import Button from '$lib/components/Inputs/Button.svelte';
+	import ButtonText from '$lib/components/Inputs/ButtonText.svelte';
+	import ButtonIcon from '$lib/components/Inputs/ButtonIcon.svelte';
 
 	export let callback;
 

src/lib/components/ThemeSwitcher.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { Sun, Moon } from 'lucide-svelte';
 	import { darkMode } from '../stores';
-	import Button from './Button.svelte';
+	import Button from '$lib/components/Inputs/Button.svelte';
 
 	function toggleTheme() {
 		$darkMode = !$darkMode;

src/routes/+error.svelte

@@ -4,8 +4,8 @@
 
 	import { goBack } from '$lib/';
 
-	import Button from '$lib/components/Button.svelte';
-	import Link from '$lib/components/Link.svelte';
+	import Button from '$lib/components/Inputs/Button.svelte';
+	import Link from '$lib/components/Inputs/Link.svelte';
 </script>
 
 <div class="flex justify-center items-center h-screen">

src/routes/+page.svelte

@@ -7,10 +7,10 @@
 	import { goto } from '$app/navigation';
 
 	import ThemeSwitcher from '$lib/components/ThemeSwitcher.svelte';
-	import Button from '$lib/components/Button.svelte';
+	import Button from '$lib/components/Inputs/Button.svelte';
 	import Logo from '$lib/components/Logo.svelte';
-	import LoginForm from '$lib/components/LoginForm.svelte';
-	import RegisterForm from '$lib/components/RegisterForm.svelte';
+	import LoginForm from '$lib/components/Forms/LoginForm.svelte';
+	import RegisterForm from '$lib/components/Forms/RegisterForm.svelte';
 
 	let state = writable('/landing');
 

src/routes/api/user/+server.js

@@ -1,4 +1,8 @@
+import { json } from '@sveltejs/kit';
+
 /** @type {import('./$types').RequestHandler} */
 export async function GET(event) {
 	const { request, cookies, locals } = event;
+
+	return json(locals?.user);
 }

src/routes/dashboard/+page.server.js

@@ -0,0 +1,3 @@
+export function load({ locals }) {
+	return { user: locals?.user };
+}

src/routes/dashboard/+page.svelte

@@ -1,5 +1,9 @@
 <script>
 	import { user } from '$lib/stores';
+
+	export let data;
+
+	user.set(data?.user);
 </script>
 
 <p>