[stdf]Optimize loading component animations and styles

packages/stdf/src/lib/components/loading/loadings/oneColor/1_33.svelte

@@ -11,7 +11,7 @@
 	};
 </script>
 
-<div class="{size} container relative m-auto flex rotate-45 flex-col" style="animation-duration: {3.5 / speed}s;">
+<div class="{size} container relative m-auto flex flex-col" style="animation-duration: {3.5 / speed}s;">
 	<div
 		class="isolation absolute flex h-[13.92px] w-[13.92px] items-center justify-center overflow-hidden"
 		style="top: 8.25%; left: 8.25%; border-radius: 50% 50% calc(32px / 15);"

packages/stdf/src/lib/components/loading/loadings/oneColor/1_51.svelte

@@ -14,7 +14,7 @@
 <div class="{size} relative m-auto">
 	{#each [0, -0.25, -0.5, -0.75] as item}
 		<div
-			class="dot absolute left-0 top-0 h-full w-full scale-0 rounded-full opacity-0{colorClass()}"
+			class="dot absolute left-0 top-0 h-full w-full rounded-full{colorClass()}"
 			style="background-color: {customColor[0]};animation-duration: {2 / speed}s;animation-delay: {(2 / speed) * item}s"
 		></div>
 	{/each}