UX: enable menu drawer on index page, slightly reorder index page

src/UI/Popup/DisabledQuestions.svelte

@@ -3,29 +3,30 @@
   import { Stores } from "../../Logic/UIEventSource"
   import Tr from "../Base/Tr.svelte"
   import Translations from "../i18n/Translations"
-  import type { SpecialVisualizationState } from "../SpecialVisualization"
   import ThemeViewState from "../../Models/ThemeViewState"
 
   /**
    * Shows _all_ disabled questions
    */
   export let state: ThemeViewState
-  let layers = state.theme.layers.filter((l) => l.isNormal())
+  let layers = state.theme?.layers?.filter((l) => l.isNormal())
 
   let allDisabled = Stores.concat<string>(
-    layers.map((l) => state.userRelatedState.getThemeDisabled(state.theme.id, l.id))
+    layers?.map((l) => state.userRelatedState.getThemeDisabled(state.theme.id, l.id)) ?? []
   ).map((l) => [].concat(...l))
   const t = Translations.t.general.questions
 </script>
 
-<h3>
-  <Tr t={t.disabledTitle} />
-</h3>
-{#if $allDisabled.length === 0}
-  <Tr t={t.noneDisabled} />
-{:else}
-  <Tr t={t.disabledIntro} />
-  {#each layers as layer (layer.id)}
-    <DisabledQuestionsLayer {state} {layer} />
-  {/each}
+{#if state.theme}
+  <h3>
+    <Tr t={t.disabledTitle} />
+  </h3>
+  {#if $allDisabled.length === 0}
+    <Tr t={t.noneDisabled} />
+  {:else}
+    <Tr t={t.disabledIntro} />
+    {#each layers as layer (layer.id)}
+      <DisabledQuestionsLayer {state} {layer} />
+    {/each}
+  {/if}
 {/if}