feat: use faster senja

apps/classroomio-com/src/lib/Navigation/Navigation.svelte

@@ -54,7 +54,7 @@
         height="28"
         src="/logo-512.svg"
         alt="classroomio logo"
-        class="w-[40%] lg:w-[15%]"
+        class="w-6 md:w-10"
       />
       <h1 class="text-xs md:text-lg font-medium ml-2">ClassroomIO</h1>
     </div>

apps/classroomio-com/src/lib/Pricing/Pricing.svelte

@@ -1,6 +1,6 @@
 <script>
   import Checkmark from 'carbon-icons-svelte/lib/Checkmark.svelte';
-  import PLANS from 'shared-constants/src/plans/data.json';
+  import PLANS from 'shared/src/plans/data.json';
 
   let isYearlyPlan = false;
 

apps/classroomio-com/src/lib/Senja/Embed.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { embedSenjaWidget } from 'shared/src/senja';
+  import { onMount } from 'svelte';
+
+  export let id = '';
+
+  onMount(() => {
+    embedSenjaWidget(id);
+  });
+</script>
+
+<div class="senja-embed" data-id={id} data-lazyload="false" data-spinner="false"></div>

apps/classroomio-com/src/lib/Testimonial/Testimonial.svelte

@@ -1,3 +1,7 @@
+<script>
+  import SenjaEmbed from '$lib/Senja/Embed.svelte';
+</script>
+
 <section id="testimonial" class="flex flex-col items-center py-[5%] px-3 lg:px-0">
   <h1
     class="mx-auto text-3xl md:text-4xl lg:text-6xl font-normal leading-[1.5] flex flex-col items-center gap-4"
@@ -19,10 +23,6 @@
   </a>
 
   <div class="relative my-5 md:my-10 w-[85%] lg:w-[70%]">
-    <div
-      class="senja-embed"
-      data-id="3e847d7a-13d3-483e-8a71-5b35273dcc6c"
-      data-lazyload="false"
-    ></div>
+    <SenjaEmbed id="3e847d7a-13d3-483e-8a71-5b35273dcc6c" />
   </div>
 </section>