fix(frontend): Update skeleton animation timings (#730)

frontend/src/lib/components/common/skeleton/Skeleton.svelte

@@ -6,13 +6,12 @@
 	export let layout: SkeletonLayout
 	export let loading = true
 	export let overlay = false
-	export let delay = 200
 </script>
 
 {#if loading}
 	<div class="relative flex justify-center">
 		<div
-			in:fade={{ duration: 1000, delay }}
+			in:fade={{ duration: 1000 }}
 			class="flex grow flex-col overflow-hidden {overlay
 				? 'absolute w-full h-full z-[1000]'
 				: ''} {$$props.class}"

frontend/src/lib/components/common/skeleton/SkeletonElement.svelte

@@ -5,6 +5,6 @@
 </script>
 
 <div
-	class="animate-skeleton"
+	class="animate-skeleton [animation-delay:1000ms]"
 	style="height: {element.h * HEIGHT_UNIT}px; width: {element.w}%; min-width: {element.minW}px;"
 />

frontend/tailwind.config.cjs

@@ -286,7 +286,7 @@ const config = {
 				},
 				'.animate-skeleton': {
 					animation: theme('animation.pulse'),
-					backgroundColor: theme('colors.blue.200'),
+					backgroundColor: theme('colors.blue.100'),
 					borderRadius: theme('borderRadius.DEFAULT'),
         },
 				'.text-blue-gradient': {