feat: complete session page

Author: Raphico

README.md

@@ -36,8 +36,8 @@ The architecture of this project revolves around a streamlined development and d
 - [x] Participant registration
 - [x] Join workshops with workshop code
 - [x] Complete workshop & dashboard page
+- [x] Interactive workshop session
 - [ ] Improve workshop notification with cron jobs
-- [ ] Interactive workshop session
 
 ## Running locally
 

src/app/(app)/session/[workshopId]/_components/session-call.tsx

@@ -80,19 +80,23 @@ export function SessionCall({
     <StreamVideo client={videoClient}>
       <StreamTheme>
         <StreamCall call={call}>
-          <SpeakerLayout />
-          <CallControls
-            onLeave={() => {
-              if (isOrganizer) {
-                void MarkWorkshopHasCompleted(workshopId).then(() =>
-                  call.endCall()
-                )
-              }
+          <section className="container mt-8 overflow-hidden">
+            <SpeakerLayout />
+            <CallControls
+              onLeave={() => {
+                if (isOrganizer) {
+                  void MarkWorkshopHasCompleted(workshopId).then(() =>
+                    call.endCall()
+                  )
+                }
 
-              router.push("/dashboard")
-            }}
-          />
-          <CallParticipantsList onClose={() => undefined} />
+                router.push("/dashboard")
+              }}
+            />
+            <div className="mx-auto max-w-3xl">
+              <CallParticipantsList onClose={() => undefined} />
+            </div>
+          </section>
         </StreamCall>
       </StreamTheme>
     </StreamVideo>