CLASSROOMIO-T-47:Fixed the dark mode and then made it responsive

package.json

@@ -95,4 +95,4 @@
     "linux": {},
     "mac": {}
   }
-}
+}

src/components/Navigation/index.svelte

@@ -1,6 +1,7 @@
 <script>
   import { goto, stores } from '@sapper/app';
   import { user } from '../../utils/store/user';
+  import { appStore } from '../../utils/store/app';
   import { isCoursePage } from '../../utils/functions/app';
   import PrimaryButton from '../PrimaryButton/index.svelte';
   import { VARIANTS } from '../PrimaryButton/constants';
@@ -86,7 +87,9 @@
     <span class="flex-grow" />
 
     {#if $user.isLoggedIn}
-      <li><a class="block" href="/lms"> Go to LMS </a></li>
+      {#if $appStore.isStudentDomain}
+        <li><a class="block" href="/lms"> Go to LMS </a></li>
+      {/if}
     {:else}
       <li>
         {#if !disableLogin}

src/routes/404.svelte

@@ -1,7 +1,12 @@
 <script>
   import { stores, goto } from '@sapper/app';
+<<<<<<< HEAD
   import { appStore } from '../utils/store/app';
   import PrimaryButton from '../components/PrimaryButton/index.svelte';
+=======
+  import PrimaryButton from '../components/PrimaryButton/index.svelte';
+
+>>>>>>> f7dda7d7ebcb719575404e3858c77de1aeb721a4
   const { page } = stores();
   const src = './bg-404.png';