chore: remove unused code and add animation

src/app/ui/Layout.svelte

@@ -49,8 +49,6 @@ onMount(async () => {
     }
     fontsReady = true;
 });
-
-$inspect(fontsReady);
 </script>
 
 <svelte:head>

src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte

@@ -167,10 +167,6 @@ $effect(() => {
                     {char}
                     {proximity}
                     {isPast}
-                    weight={typography.weight}
-                    size={typography.renderedSize}
-                    fontAName={fontA.name}
-                    fontBName={fontB.name}
                 />
             {/if}
         {/each}
@@ -202,7 +198,9 @@ $effect(() => {
     >
         <!-- Text Rendering Container -->
         {#if isLoading}
+            <div out:fade={{ duration: 300 }}>
                 <Loader size={24} />
+            </div>
         {:else}
             <div
                 class="