Fix: Restore Gravatar functionality, add button initials, toast duration

- Restore Gravatar functionality
- Add new button for "Use Initials"
- Set both buttons to use text-left class
- Update toast property autoClose to duration (wrong library, my bad!)
- Update toast messages to clarify that this isn't "Gravatar" but "avatar"
- Add i18n text to en-US/translation.json

src/lib/components/chat/Settings/Account.svelte

@@ -6,6 +6,7 @@
 	import { updateUserProfile } from '$lib/apis/auths';
 
 	import UpdatePassword from './Account/UpdatePassword.svelte';
+	import { getGravatarUrl } from '$lib/apis/utils';
 	import { generateInitialsImage, canvasPixelTest } from '$lib/utils';
 	import { copyToClipboard } from '$lib/utils';
 
@@ -146,20 +147,28 @@
 					</button>
 				</div>
 				<button
-					class=" text-xs text-gray-600"
+					class=" text-xs text-left text-gray-600"
 					on:click={async () => {
 						if (canvasPixelTest()) {
 							profileImageUrl = generateInitialsImage(name);
 						} else {
 							toast.info(
 								$i18n.t(
-									'Fingerprint spoofing detected: default profile picture set. Disable to access Initial gravatar!'
+									'Fingerprint spoofing detected: default profile picture set. Disable to access Initial avatar!'
 								),
 								{
-									autoClose: 1000 * 10
+									duration: 1000 * 10
 								}
 							);
 						}
+					}}>{$i18n.t('Use Initials')}</button
+				>
+				<button
+					class=" text-xs text-left text-gray-600"
+					on:click={async () => {
+						const url = await getGravatarUrl($user.email);
+
+						profileImageUrl = url;
 					}}>{$i18n.t('Use Gravatar')}</button
 				>
 			</div>

src/lib/i18n/locales/en-US/translation.json

@@ -150,6 +150,7 @@
 	"Failed to read clipboard contents": "",
 	"File Mode": "",
 	"File not found.": "",
+	"Fingerprint spoofing detected: default profile picture set. Disable to access Initial avatar!": "",
 	"Focus chat input": "",
 	"Format your variables using square brackets like this:": "",
 	"From (Base Model)": "",
@@ -340,6 +341,7 @@
 	"URL Mode": "",
 	"Use '#' in the prompt input to load and select your documents.": "",
 	"Use Gravatar": "",
+	"Use Initials": "",
 	"user": "",
 	"User Permissions": "",
 	"Users": "",

src/routes/auth/+page.svelte

@@ -46,11 +46,11 @@
 		if (!canvasPixelTest()) {
 			toast.info(
 				$i18n.t(
-					'Fingerprint spoofing detected: default profile picture set. Disable to access Initial gravatar!'
+					'Fingerprint spoofing detected: default profile picture set. Disable to access Initial avatar!'
 				),
 				{
 					position: 'bottom-center',
-					autoClose: 1000 * 10
+					duration: 1000 * 10
 				}
 			);
 		}