Fix blinking bug & Dashboard button bug

package.json

@@ -41,7 +41,7 @@
     "svelte-icons": "^2.1.0",
     "svelte-loading-spinners": "^0.1.1",
     "svelte-notifications": "^0.9.9",
-    "svelte-spa-router": "^3.0.5"
+    "svelte-spa-router": "^3.1.0"
   },
   "husky": {
     "hooks": {

src/app/App.svelte

@@ -113,10 +113,6 @@
     '/dashboard': wrap({
       component: Dashboard,
       conditions: [authGuard],
-      loadingComponent: FullScreenLoadingIndicator,
-      loadingParams: {
-        loadingText: 'Loading...',
-      },
     }),
     '/apply': wrap({
       component: Apply,
@@ -391,7 +387,6 @@
 
   /* TODO(adalberht): Refactor main to different component */
   main {
-    display: flex;
     width: 100vw;
     height: 100vh;
     text-align: center;
@@ -406,9 +401,6 @@
   {:else if $shouldShowUnauthorizedPage}
     <Unauthorized />
   {:else}
-    <Router
-      {routes}
-      restoreScrollState={true}
-      on:conditionsFailed={onConditionsFailed} />
+    <Router {routes} on:conditionsFailed={onConditionsFailed} />
   {/if}
 </main>

src/app/components/StickyNavbar.svelte

@@ -1,7 +1,7 @@
 <script>
   import { fade, slide } from 'svelte/transition'
   import ThemeToggler from '../ThemeToggler.svelte'
-  import { handleLogin, handleLogout, redirectTo } from '../utils'
+  import { handleLogin, handleLogout } from '../utils'
   import { isLoggedIn, isMobileScreen } from '../stores'
   import MetricsLogo from './MetricsLogo.svelte'
   import IcClose from 'svelte-icons/fa/FaTimes.svelte'
@@ -20,7 +20,7 @@
   $: isLanding = $location === `/`
 
   function redirectToDashboard() {
-    redirectTo('/dashboard?force_login=true')
+    window.location.href = '#/dashboard?force_login=true'
   }
 </script>