fix: use dynamic env in classroomio-com

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import Section from './Section.svelte';
-  import { PUBLIC_ENABLE_STATS } from '$env/static/public';
+  import { env } from '$env/dynamic/public';
 </script>
 
 <section class="w-full py-32 border-b border-x-0 border-t-0 border-gray-200">
@@ -78,7 +78,7 @@
 />
 
 <!-- body section 5 -->
-{#if PUBLIC_ENABLE_STATS}
+{#if env.PUBLIC_ENABLE_STATS}
   <div
     class="flex justify-between flex-row flex-wrap lg:flex-nowrap items-center text-center px-[10%] py-[7%] border-b-[1px] gap-y-20 gap-x-20 mx-0 lg:mx-[12%]"
   >

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

@@ -2,7 +2,7 @@
   import { onMount, onDestroy } from 'svelte';
   import { fly } from 'svelte/transition';
   import { sineInOut } from 'svelte/easing';
-  import { PUBLIC_ENABLE_USERS_COMPANIES } from '$env/static/public';
+  import { env } from '$env/dynamic/public';
 
   const names = [
     { label: 'Bootcamp', color: '#3ADFEC' },
@@ -217,7 +217,7 @@
       ></iframe>
     </div>
 
-    {#if PUBLIC_ENABLE_USERS_COMPANIES}
+    {#if env.PUBLIC_ENABLE_USERS_COMPANIES}
       <div class="mb-[10%] px-[15%]">
         <h2 class="text-base font-semibold text-gray-900 lg:text-xl">Used at</h2>
         <div class="flex w-full flex-row flex-wrap items-center justify-between gap-5 py-[5%]">

apps/classroomio-com/src/routes/+page.svelte

@@ -6,7 +6,7 @@
   import MoreFeatures from '$lib/MoreFeatures/MoreFeatures.svelte';
   import Testimonial from '$lib/Testimonial/Testimonial.svelte';
 
-  import { PUBLIC_ENABLE_FAQ } from '$env/static/public';
+  import { env } from '$env/dynamic/public';
   import { onMount } from 'svelte';
 
   onMount(() => {
@@ -20,6 +20,6 @@
 <Testimonial />
 <MoreFeatures />
 
-{#if PUBLIC_ENABLE_FAQ}
+{#if env.PUBLIC_ENABLE_FAQ}
   <Faq />
 {/if}