refactor: app folder structure

Author: Raphico

src/app/(app)/_components/header.tsx src/app/(app)/(workshops)/_components/header.tsx

@@ -92,29 +92,7 @@ export function SessionCall({
               router.push("/dashboard")
             }}
           />
-          {/* <div className="grid w-full space-x-10 lg:grid-cols-[1fr_20rem]">
-            <div className="flex flex-col items-center justify-center space-y-4">
-              <SpeakerLayout />
-              <CallControls
-                onLeave={async () => {
-                  if (isOrganizer) {
-                    await MarkWorkshopHasCompleted(workshopId).then(() =>
-                      call.endCall()
-                    )
-                  }
-
-                  router.push("/dashboard")
-                }}
-              />
-            </div>
-
-            <div className="max-lg:hidden">
-              <CallParticipantsList onClose={() => undefined} />
-            </div>
-          </div>
-          <div className="lg:hidden">
-            <CallParticipantsList onClose={() => undefined} />
-          </div> */}
+          <CallParticipantsList onClose={() => undefined} />
         </StreamCall>
       </StreamTheme>
     </StreamVideo>

src/app/(app)/_components/main-nav.tsx src/app/(app)/(workshops)/_components/main-nav.tsx

@@ -0,0 +1,7 @@
+export default function SessionLayout({ children }: React.PropsWithChildren) {
+  return (
+    <div className="relative flex min-h-screen flex-col">
+      <main className="flex-1">{children}</main>
+    </div>
+  )
+}

src/app/(app)/_components/mobile-nav.tsx src/app/(app)/(workshops)/_components/mobile-nav.tsx

@@ -4,7 +4,6 @@ import { redirects } from "@/config/constants"
 import { getWorkshopRegistrants } from "@/server/data/registration"
 import { getUserSession } from "@/server/data/user"
 import { getWorkshopSession } from "@/server/data/workshop"
-import { Shell } from "@/components/shell"
 
 import { SessionCall } from "./_components/session-call"
 
@@ -48,12 +47,10 @@ export default async function SessionPage({ params }: SessionPageProps) {
   }
 
   return (
-    <Shell className="max-w-6xl" variant="centered">
-      <SessionCall
-        workshopId={workshopId}
-        isOrganizer={isOrganizer}
-        user={user}
-      />
-    </Shell>
+    <SessionCall
+      workshopId={workshopId}
+      isOrganizer={isOrganizer}
+      user={user}
+    />
   )
 }