bring tutors time into main app

src/lib/services/types.svelte.ts

@@ -74,7 +74,7 @@ export class LoRecord {
  */
 export interface CardDetails {
   route: string;
-  title: string;
+  title?: string;
   type: string;
   summary?: string;
   summaryEx?: string;

src/lib/ui/navigators/tutors-connect/ConnectedProfile.svelte

@@ -51,12 +51,7 @@
           type="tutorsTime"
           targetStr="_blank"
         />
-        <MenuItem
-          link="https://live.tutors.dev/course/{currentCourse.value?.courseId}"
-          text="Tutors Live"
-          type="live"
-          targetStr="_blank"
-        />
+        <MenuItem link="/live/{currentCourse.value?.courseId}" text="Tutors Live" type="live" />
 
         <li class="option !p-0 hover:preset-tonal">
           <OnlineButton />

src/lib/ui/time/Course.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { presenceService } from "$lib/services/presence.svelte";
+  import Card from "../components/Card.svelte";
+</script>
+
+<div class="flex flex-wrap justify-center">
+  {#each presenceService.studentsOnline.value as lo}
+    <Card
+      cardDetails={{
+        route: lo.loRoute,
+        title: lo.courseTitle,
+        type: lo.type,
+        summary: lo.title,
+        summaryEx: "(" + lo.type + ")",
+        img: lo.img,
+        icon: lo.icon
+      }}
+    />
+  {/each}
+</div>

src/routes/(live)/live/[courseid]/+page.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { presenceService } from "$lib/services/presence.svelte";
+  import Course from "$lib/ui/time/Course.svelte";
+
+  interface Props {
+    data: any;
+  }
+  let { data }: Props = $props();
+
+  if (presenceService.listeningTo !== data.courseid) {
+    presenceService.startPresenceListener(data.courseid);
+  }
+</script>
+
+<Course />

src/routes/(live)/live/[courseid]/+page.ts

@@ -0,0 +1,6 @@
+export const load = async ({ params, parent, fetch }) => {
+  // presenceService.startCoursePresenceListener(params.courseid);
+  return {
+    courseid: params.courseid
+  };
+};