refactor: clean up code and improve readability in SidePannel, FileMenu, Scene, and detectModifierKeys and remove settimeout in scene

app/src/components/Dashboard/SidePannel.tsx

@@ -163,7 +163,10 @@ const SidePannel: React.FC<SidePannelProps> = ({ setActiveTab, activeTab }) => {
             <SettingsIcon />
             Settings
           </div>
-          <div className="option-list" style={{ cursor: "pointer" }}>
+          <div className="option-list" style={{ cursor: "pointer" }} onClick={() => {
+            localStorage.clear();
+            navigate("/");
+          }}>
             <LogoutIcon />
             Log out
           </div>

app/src/components/ui/FileMenu.tsx

@@ -93,9 +93,7 @@ const FileMenu: React.FC = () => {
       //     console.log('Project update response:', data);
       //     dashBoardSocket.off("v1-project:response:update", handleResponse); // Clean up
       //   };
-
       //   dashBoardSocket.on("v1-project:response:update", handleResponse);
-
       //   dashBoardSocket.emit("v1:project:update", updateProjects);
       // }
 
@@ -108,9 +106,7 @@ const FileMenu: React.FC = () => {
         projectName
       );
       // 
-    } catch (error) {
+    } catch (error) {}
-
-    }
   };
   return (
     <button

app/src/modules/scene/scene.tsx

@@ -24,36 +24,17 @@ export default function Scene({ layout }: { readonly layout: 'Main Layout' | 'Co
     ], []);
     const { assets } = useAssetsStore();
     const { userId, organization } = getUserData();
-    const { activeModule } = useModuleStore();
     const { projectId } = useParams();
     const { projectSocket } = useSocketStore();
+    const { activeModule } = useModuleStore();
     const { loadingProgress } = useLoadingProgress();
     const handleUpdatingProject = async () => {
-        if (!projectId) return;
+        if (!projectId && loadingProgress > 1) return;
         try {
             const projects = await getAllProjects(userId, organization);
             let projectUuid = projects.Projects.find(
                 (val: any) => val.projectUuid === projectId || val._id === projectId
             );
-
-
-            if (activeModule === "builder" && loadingProgress !== 1) {
-                const canvas =
-                    document.getElementById("sceneCanvas")?.children[0]?.children[0];
-                const screenshotDataUrl = (canvas as HTMLCanvasElement)?.toDataURL("image/png");
-                setTimeout(() => {
-                    const updateProjects = {
-                        projectId: projectUuid,
-                        organization,
-                        userId,
-                        projectName: projectUuid.projectName,
-                        thumbnail: screenshotDataUrl,
-                    };
-                    if (projectSocket) {
-                        projectSocket.emit("v1:project:update", updateProjects);
-                    }
-                }, 8000);
-            } else {
             const canvas =
                 document.getElementById("sceneCanvas")?.children[0]?.children[0];
             const screenshotDataUrl = (canvas as HTMLCanvasElement)?.toDataURL("image/png");
@@ -64,13 +45,9 @@ export default function Scene({ layout }: { readonly layout: 'Main Layout' | 'Co
                 projectName: projectUuid.projectName,
                 thumbnail: screenshotDataUrl,
             };
-                // console.log('screenshotDataUrl: ', screenshotDataUrl);
-                // console.log('updateProjects: ', updateProjects);
             if (projectSocket) {
                 projectSocket.emit("v1:project:update", updateProjects);
             }
-            }
-
         } catch (error) { }
     };
     useEffect(() => {

app/src/utils/shortcutkeys/detectModifierKeys.ts

@@ -5,13 +5,18 @@ export const detectModifierKeys = (event: KeyboardEvent): string => {
     event.ctrlKey ? "Ctrl" : "",
     event.altKey ? "Alt" : "",
     event.shiftKey ? "Shift" : "",
-        event.metaKey ? "Meta" : "" // Add support for Command/Win key
+    event.metaKey ? "Meta" : "", // Add support for Command/Win key
   ].filter(Boolean);
 
   // Ignore modifier keys when they're pressed alone
   const isModifierKey = [
-        "Control", "Shift", "Alt", "Meta",
+    "Control",
-        "Ctrl", "AltGraph", "OS" // Additional modifier key aliases
+    "Shift",
+    "Alt",
+    "Meta",
+    "Ctrl",
+    "AltGraph",
+    "OS", // Additional modifier key aliases
   ].includes(event.key);
 
   const mainKey = isModifierKey ? "" : event.key.toUpperCase();
@@ -19,7 +24,6 @@ export const detectModifierKeys = (event: KeyboardEvent): string => {
   // Handle special cases for keys with different representations
   const normalizedKey = mainKey === " " ? "Space" : mainKey;
 
-
   // Build the combination string
   if (modifiers.length > 0 && normalizedKey) {
     return `${modifiers.join("+")}+${normalizedKey}`;