Fix layout of courses list page

src/routes/_layout.svelte

@@ -19,10 +19,12 @@
   {#if !['login', 'signup'].includes($page.path.replace('/', ''))}
     <Navigation {segment} />
   {/if}
-  <slot />
+  <div class="flex justify-between">
-  {#if $page.path.includes('courses')}
+    <slot />
-    <Apps />
+    {#if $page.path.includes('courses')}
-  {/if}
+      <Apps />
+    {/if}
+  </div>
 </main>
 
 <Footer />

src/routes/courses.svelte

@@ -1,12 +1,12 @@
 <script>
-  import { stores } from "@sapper/app";
+  import { stores } from '@sapper/app';
-  import PageNav from "../components/PageNav/index.svelte";
+  import PageNav from '../components/PageNav/index.svelte';
-  import Courses from "../components/Courses/index.svelte";
+  import Courses from '../components/Courses/index.svelte';
 
   const { page } = stores();
-  let tab = "";
+  let tab = '';
 
-  $: tab = $page.query.tab || "mine";
+  $: tab = $page.query.tab || 'mine';
 </script>
 
 <svelte:head>