some basic cleanup

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">
-		<p class="text-gray-700 font-medium">
+	<div class="flex items-center p-4 mb-4 bg-gray-100 rounded-lg shadow-md">
+		<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">
-		<p class="text-red-700 font-medium">{error}</p>
+	<div class="flex items-center p-4 mb-4 bg-red-100 rounded-lg shadow-md">
+		<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}