Fix sidebar behaviour on tablets

frontend/src/components/App.tsx

@@ -29,22 +29,32 @@ class App extends React.Component<{}, AppState> {
   }
 
   toggleLeftBar() {
-    if (window.innerWidth <= 1024) {
+		if (window.innerWidth <= 1024) {
       this.setState({
-        toggledRight: false,
-      });
+        toggledRight: true,
+			});
     } 
+		if (window.innerWidth <= 992) {
+      this.setState({
+        toggledRight: false,
+			});
+		} 
     this.setState((state) => ({
       toggledLeft: !state.toggledLeft,
     }));
   }
 
   toggleRightBar() {
-    if (window.innerWidth <= 1024) {
+		if (window.innerWidth <= 1024) {
+      this.setState({
+        toggledLeft: true,
+			});
+    } 
+		if (window.innerWidth <= 992) {
       this.setState({
         toggledLeft: false,
-      });
-    }
+			});
+		} 
     this.setState((state) => ({
       toggledRight: !state.toggledRight,
     }));

frontend/src/components/pages/StandardView/index.tsx

@@ -28,7 +28,7 @@ const StandardView: React.FC<StandardViewProps> = ({
   toggledLeft,
   toggledRight,
   onOverlayClick,
-}: StandardViewProps) => {
+}: StandardViewProps) => { 
   return (
     <div
       id="wrapper"