V3 feedback (#866)

* refactor: rename settings panel

* style: typo

* style: fix blackout position

* fix: offset time in time-to-end

* refactor: operator is protected

* style: tweaks to pincode

* refactor: close params editor on submit

* refactor: same navigation in all pages

* refactor: use cached response

apps/client/src/features/operator/OperatorExport.tsx

@@ -4,6 +4,7 @@ import { useDisclosure } from '@chakra-ui/react';
 
 import FloatingNavigation from '../../common/components/navigation-menu/FloatingNavigation';
 import ProductionNavigationMenu from '../../common/components/navigation-menu/ProductionNavigationMenu';
+import ProtectRoute from '../../common/components/protect-route/ProtectRoute';
 
 import Operator from './Operator';
 
@@ -19,10 +20,10 @@ export default function OperatorExport() {
   const toggleMenu = isOpen ? onClose : onOpen;
 
   return (
-    <>
+    <ProtectRoute permission='operator'>
       <FloatingNavigation toggleMenu={toggleMenu} toggleSettings={showEditFormDrawer} />
       <ProductionNavigationMenu isMenuOpen={isOpen} onMenuClose={onClose} />
       <Operator />
-    </>
+    </ProtectRoute>
   );
 }