feat: Add Shortcut Keys, activeSubTool state management and improve user avatar handling

app/src/pages/Project.tsx

@@ -22,17 +22,17 @@ import LoadingPage from "../components/templates/LoadingPage";
 import SimulationPlayer from "../components/ui/simulation/simulationPlayer";
 import RenderOverlay from "../components/templates/Overlay";
 import MenuBar from "../components/ui/menu/menu";
+import KeyPressListener from "../utils/shortcutkeys/handleShortcutKeys";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
   const { activeModule } = useModuleStore();
-  const { loadingProgress, setLoadingProgress } = useLoadingProgress();
+  const { loadingProgress } = useLoadingProgress();
   const { setUserName } = useUserName();
   const { setOrganization } = useOrganization();
   const { setFloorItems } = useFloorItems();
   const { setWallItems } = useWallItems();
   const { setZones } = useZones();
-  const [openMenu, setOpenMenu] = useState<boolean>(true);
 
   useEffect(() => {
     setFloorItems([]);
@@ -56,6 +56,7 @@ const Project: React.FC = () => {
 
   return (
     <div className="project-main">
+      <KeyPressListener />
       {loadingProgress && <LoadingPage progress={loadingProgress} />}
       {!isPlaying && (
         <>