CLASSROOMIO-T-32: Landing page with editor v1

src/routes/_layout.svelte

@@ -102,7 +102,7 @@
   }
 
   function isCoursePage(path) {
-    return /courses\/[a-z 0-9 -]/.test(path);
+    return /course[s]*\/[a-z 0-9 -]/.test(path);
   }
 
   function handleResize() {

src/routes/course/[slug].svelte

@@ -0,0 +1,34 @@
+<script context="module">
+  export async function preload({ params }) {
+    return { slug: params.slug };
+  }
+</script>
+
+<script>
+  import CourseLandingPage from '../../components/CourseLandingPage/index.svelte';
+  import Editor from '../../components/CourseLandingPage/components/Editor/index.svelte';
+  import { isMobile } from '../../utils/store/useMobile';
+</script>
+
+<div class="root">
+  <Editor />
+  <div class="rightBar" class:isMobile={$isMobile}>
+    <CourseLandingPage />
+  </div>
+</div>
+
+<style>
+  .root {
+    display: flex;
+    width: 100%;
+  }
+
+  .rightBar {
+    flex-grow: 1;
+    width: calc(100% - 360px);
+  }
+
+  .rightBar.isMobile {
+    margin-left: 10px;
+  }
+</style>