Allow the options menu to toggle itself

Earlier, the toggle was only happening from the outside, but now
we can toggle the options menu from the menu itself. This is
useful when we want to close the menu from inside, for example
when an option has been selected or the back button has been
pressed.

src/components/OptionsMenu.svelte

@@ -2,6 +2,13 @@
   import { onMount } from 'svelte'
   export let title = "Options"
 
+  // Function to call in order to close the menu.
+  // This is triggerd either with the "back" button
+  // or when one of the options is selected.
+  export let toggler = function() {
+    console.error("You didn't provide a toggler function to close the options menu!")
+  }
+
   // Special navigation for the options menu
   function optionNav(move) {
     let currentIndex = Number(document.activeElement.dataset.index || 0)

src/routes/Chat.svelte

@@ -26,6 +26,9 @@
 
   // Whether the options menu is visible or not
   let optionsMenuVisible = false
+  function toggleOptionsMenu() {
+    optionsMenuVisible = !optionsMenuVisible
+  }
 
 
   $: title = chatbox?.attributes?.nickname || chatbox?.attributes?.id || params.chatID || 'Convo'
@@ -96,9 +99,7 @@
     }
 
     k.right.label = 'Options'
-    k.right.callback = () => {
-      optionsMenuVisible = !optionsMenuVisible
-    }
+    k.right.callback = toggleOptionsMenu
 
     return k
   })
@@ -244,7 +245,10 @@
 </div>
 
 {#if optionsMenuVisible}
-<OptionsMenu title="Options">
+<OptionsMenu
+  title="Options"
+  toggler={toggleOptionsMenu}
+>
   <ListItem
     text="Close conversation"
     onclick={closeChat}