CLASSROOMIO-T-95: Cleanup + Embed Muse AI video

src/lib/components/Course/components/Lesson/Materials/Transcript.svelte

@@ -1,25 +0,0 @@
-<script>
-  import { Accordion, AccordionItem } from 'carbon-components-svelte';
-</script>
-
-<Accordion>
-  <AccordionItem title="Natural Language Classifier">
-    <p>
-      Natural Language Classifier uses advanced natural language processing and machine learning
-      techniques to create custom classification models. Users train their data and the service
-      predicts the appropriate category for the inputted text.
-    </p>
-  </AccordionItem>
-  <AccordionItem title="Natural Language Understanding">
-    <p>
-      Analyze text to extract meta-data from content such as concepts, entities, emotion, relations,
-      sentiment and more.
-    </p>
-  </AccordionItem>
-  <AccordionItem title="Language Translator">
-    <p>
-      Translate text, documents, and websites from one language to another. Create industry or
-      region-specific translations via the service's customization capability.
-    </p>
-  </AccordionItem>
-</Accordion>

src/lib/components/Course/components/Lesson/Materials/index.svelte

@@ -265,6 +265,17 @@
                       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                       allowfullscreen
                     />
+                  {:else if video.metadata?.svid}
+                    <div style="position:relative;padding-bottom:51.416579%">
+                      <iframe
+                        src="https://muse.ai/embed/{video.metadata
+                          ?.svid}?logo=https://app.classroomio.com/logo-512.png&volume=0&subtitles=auto&cover_play_position=center"
+                        style="width:100%;height:100%;position:absolute;left:0;top:0"
+                        frameborder="0"
+                        allowfullscreen
+                        title="Muse AI Video Embed"
+                      />
+                    </div>
                   {:else}
                     <video class="plyr-video-trigger" playsinline controls>
                       <source src={video.link} type="video/mp4" />

src/lib/components/Org/SideBar.svelte

@@ -82,13 +82,16 @@
               ) && activeClass}"
             >
               {#if menuItem.path === ''}
-                <HomeIcon />
+                <HomeIcon color="#7A797D" />
               {:else if menuItem.path === '/courses'}
-                <CourseIcon />
+                <CourseIcon color="#7A797D" />
               {:else if menuItem.path === '/site'}
                 <SiteSettingsIcon />
               {:else if menuItem.path === '/community'}
-                <ForumIcon size={20} class="carbon-icon dark:text-white" />
+                <ForumIcon
+                  size={24}
+                  class="carbon-icon dark:text-white fill-[#7A797D] dark:fill-[#fff]"
+                />
               {:else if menuItem.path === '/quiz'}
                 <QuizIcon />
               {:else if menuItem.path === '/audience'}