some basic cleanup

package.json

@@ -45,11 +45,8 @@
 		"@lit-protocol/pkp-ethers": "^2.2.41",
 		"@lit-protocol/pkp-walletconnect": "^2.2.41",
 		"@lit-protocol/types": "^2.2.41",
-		"@rollup/plugin-node-resolve": "^15.1.0",
 		"@sveltejs/vite-plugin-svelte": "^2.4.2",
 		"@wagmi/core": "^1.3.8",
-		"rollup": "^3.26.3",
-		"rollup-plugin-glob-import": "^0.5.0",
 		"viem": "^1.3.0"
 	}
 }

src/lib/components/AuthSig.svelte

@@ -28,21 +28,21 @@
 
 <!-- AuthSig Address Displayed -->
 {#if authSig}
-	<div class="bg-gray-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
+	<div class="flex items-center p-4 mb-4 bg-gray-100 rounded-lg shadow-md">
-		<p class="text-gray-700 font-medium">
+		<p class="font-medium text-gray-700">
 			AuthSig Address: <span class="text-orange-500">{authSig.address}</span>
 		</p>
 	</div>
 	<!-- Error Message -->
 {:else if error}
-	<div class="bg-red-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
+	<div class="flex items-center p-4 mb-4 bg-red-100 rounded-lg shadow-md">
-		<p class="text-red-700 font-medium">{error}</p>
+		<p class="font-medium text-red-700">{error}</p>
 	</div>
 	<!-- Login Button -->
 {:else}
 	<div class="flex justify-center">
 		<button
-			class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg shadow-lg flex items-center m-2"
+			class="flex items-center px-4 py-2 m-2 font-bold text-white bg-orange-500 rounded-lg shadow-lg hover:bg-orange-600"
 			on:click={generateAuthSig}
 		>
 			<img

src/lib/components/HelloEarth.svelte

@@ -1 +0,0 @@
-<div class="p-12 bg-blue-500">Hello Earth</div>

src/lib/components/Messages.svelte

@@ -39,7 +39,7 @@
 		</div>
 		<!-- Render Composite Component -->
 		{#if message.composite}
-			<div class="overflow-y-auto max-h-500">
+			<div class="overflow-y-auto max-h-80vh">
 				<Composite componentsData={message.composite} />
 			</div>
 		{/if}

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>