FIX: Close the sheet list menu when a sheet is selected

webapp/src/components/navigation/menus.tsx

@@ -82,7 +82,7 @@ const SheetListMenu = (properties: SheetListMenuProps) => {
       {sheetOptionsList.map((tab, index) => (
         <StyledMenuItem
           key={tab.sheetId}
-          onClick={(): void => onSheetSelected(index)}
+          onClick={() => onSheetSelected(index)}
         >
           <ItemColor style={{ backgroundColor: tab.color }} />
           <ItemName>{tab.name}</ItemName>

webapp/src/components/navigation/navigation.tsx

@@ -81,7 +81,10 @@ function Navigation(props: NavigationProps) {
         isOpen={open}
         close={handleClose}
         sheetOptionsList={sheets}
-        onSheetSelected={onSheetSelected}
+        onSheetSelected={(index) => {
+          onSheetSelected(index);
+          handleClose();
+        }}
       />
     </Container>
   );