some basic cleanup

src/routes/+page.svelte

@@ -1,13 +1,8 @@
 <script>
-	import LitStatus from '$lib/components/LitStatus.svelte';
-	import AuthSign from '$lib/AuthSig.svelte';
 	import Wallet from '$lib/Wallet.svelte';
 	import Send from '$lib/Send.svelte';
-	import Balance from '$lib/Balance.svelte';
 	import WalletConnect from '$lib/WalletConnect.svelte';
 	import GoogleAuth from '$lib/components/GoogleAuth.svelte';
-	import Messages from '$lib/components/Messages.svelte';
-	import MessageInput from '$lib/components/MessageInput.svelte';
 	import Composite from '$lib/components/Composite.svelte';
 
 	let pkpWallet;
@@ -17,18 +12,11 @@
 	let componentsData = {
 		layout: `
 			grid-template-areas: 
-				"header"
 				"main"
 				"footer";
-			grid-template-rows: auto 1fr auto;
+			grid-template-rows:  1fr auto;
 		`,
 		children: [
-			{
-				id: 1,
-				componentName: 'LitStatus',
-				props: {},
-				slot: 'header'
-			},
 			{
 				id: 2,
 				componentName: 'Messages',
@@ -50,7 +38,7 @@
 <!-- <LitStatus />
 <AuthSign /> -->
 
-<!-- <div class="p-4 bg-gray-200 flex justify-center items-center flex-col">
+<!-- <div class="flex flex-col items-center justify-center p-4 bg-gray-200">
 	<Wallet bind:pkpWallet bind:authSig />
 	<Send bind:pkpWallet />
 	<Balance />
@@ -60,7 +48,7 @@
 
 <!-- <div class="fixed top-0 left-0 w-full h-full overflow-hidden">
 	<main class="grid grid-rows-[auto,1fr,auto] min-h-screen">
-		<header class="bg-gray-100 text-black p-4">
+		<header class="p-4 text-black bg-gray-100">
 			<GoogleAuth />
 		</header>
 
@@ -68,7 +56,7 @@
 			<Messages />
 		</main>
 
-		<footer class="bg-gray-300 p-4">
+		<footer class="p-4 bg-gray-300">
 			<MessageInput />
 		</footer>
 	</main>