modal wording (#1000)

* wording

* format

---------

Co-authored-by: Nathan Sarrazin <sarrazin.nathan@gmail.com>

Author: gary149

src/lib/components/LoginModal.svelte

@@ -19,12 +19,13 @@
 			<Logo classNames="mr-1" />
 			{PUBLIC_APP_NAME}
 		</h2>
-		<p class="text-lg font-semibold leading-snug text-gray-800" style="text-wrap: balance;">
+		<p class="text-balance text-lg font-semibold leading-snug text-gray-800">
 			{PUBLIC_APP_DESCRIPTION}
 		</p>
-		<p class="rounded-xl border bg-white/80 p-2 text-base text-gray-800">
-			You have reached the guest message limit, please Sign In with your Hugging Face account to
-			continue.
+		<p class="text-balance rounded-xl border bg-white/80 p-2 text-base text-gray-800">
+			You have reached the guest message limit, <strong class="font-semibold"
+				>Sign In with a free Hugging Face account</strong
+			> to continue using HuggingChat.
 		</p>
 
 		<form

src/lib/components/chat/AssistantIntroduction.svelte

@@ -121,7 +121,7 @@
 				>
 					{#if isCopied}
 						<CarbonCheckmark class="text-xxs text-green-600 max-sm:text-xs" />
-						<span class="text-green-600 max-sm:hidden"> Copied </span>
+						<span class="text-green-600 max-sm:hidden"> Link copied </span>
 					{:else}
 						<CarbonExport class="text-xxs max-sm:text-xs" />
 						<span class="max-sm:hidden"> Share </span>