Fix code formatting issues in TreeViewComponent

Author: ansh7432

src/components/TreeViewComponent.tsx

@@ -2533,74 +2533,74 @@ const TreeViewComponent = (_props: TreeViewComponentProps) => {
 
           {contextMenu && (
             <Menu
-            open={Boolean(contextMenu)}
-            onClose={handleMenuClose}
-            anchorReference="anchorPosition"
-            anchorPosition={contextMenu ? { top: contextMenu.y, left: contextMenu.x } : undefined}
-            PaperProps={{
-              style: {
-                backgroundColor: theme === 'dark' ? '#1F2937' : '#fff',
-                color: theme === 'dark' ? '#fff' : '#333',
-                boxShadow:
-                  theme === 'dark'
-                    ? '0 4px 20px rgba(0, 0, 0, 0.5)'
-                    : '0 4px 20px rgba(0, 0, 0, 0.15)',
-              },
-            }}
-          >
-            <MenuItem
-              onClick={() => handleMenuAction('Details')}
-              sx={{
-                color: theme === 'dark' ? '#fff' : '#333',
-                '&:hover': {
-                  backgroundColor:
-                    theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
+              open={Boolean(contextMenu)}
+              onClose={handleMenuClose}
+              anchorReference="anchorPosition"
+              anchorPosition={contextMenu ? { top: contextMenu.y, left: contextMenu.x } : undefined}
+              PaperProps={{
+                style: {
+                  backgroundColor: theme === 'dark' ? '#1F2937' : '#fff',
+                  color: theme === 'dark' ? '#fff' : '#333',
+                  boxShadow:
+                    theme === 'dark'
+                      ? '0 4px 20px rgba(0, 0, 0, 0.5)'
+                      : '0 4px 20px rgba(0, 0, 0, 0.15)',
                 },
               }}
             >
-              Details
-            </MenuItem>
-            {contextMenu.nodeType !== 'context' && (
-              <React.Fragment>
-                <MenuItem
-                  onClick={() => handleMenuAction('Delete')}
-                  sx={{
-                    color: theme === 'dark' ? '#fff' : '#333',
-                    '&:hover': {
-                      backgroundColor:
-                        theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
-                    },
-                  }}
-                >
-                  Delete
-                </MenuItem>
-                <MenuItem
-                  onClick={() => handleMenuAction('Edit')}
-                  sx={{
-                    color: theme === 'dark' ? '#fff' : '#333', 
-                    '&:hover': {
-                      backgroundColor:
-                        theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
-                    },
-                  }}
-                >
-                  Edit
-                </MenuItem>
-                <MenuItem
-                  onClick={() => handleMenuAction('Logs')}
-                  sx={{
-                    color: theme === 'dark' ? '#fff' : '#333',
-                    '&:hover': {
-                      backgroundColor:
-                        theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
-                    },
-                  }}
-                >
-                  Logs
-                </MenuItem>
-              </React.Fragment>
-            )}
-          </Menu>
+              <MenuItem
+                onClick={() => handleMenuAction('Details')}
+                sx={{
+                  color: theme === 'dark' ? '#fff' : '#333',
+                  '&:hover': {
+                    backgroundColor:
+                      theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
+                  },
+                }}
+              >
+                Details
+              </MenuItem>
+              {contextMenu.nodeType !== 'context' && (
+                <React.Fragment>
+                  <MenuItem
+                    onClick={() => handleMenuAction('Delete')}
+                    sx={{
+                      color: theme === 'dark' ? '#fff' : '#333',
+                      '&:hover': {
+                        backgroundColor:
+                          theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
+                      },
+                    }}
+                  >
+                    Delete
+                  </MenuItem>
+                  <MenuItem
+                    onClick={() => handleMenuAction('Edit')}
+                    sx={{
+                      color: theme === 'dark' ? '#fff' : '#333',
+                      '&:hover': {
+                        backgroundColor:
+                          theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
+                      },
+                    }}
+                  >
+                    Edit
+                  </MenuItem>
+                  <MenuItem
+                    onClick={() => handleMenuAction('Logs')}
+                    sx={{
+                      color: theme === 'dark' ? '#fff' : '#333',
+                      '&:hover': {
+                        backgroundColor:
+                          theme === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.04)',
+                      },
+                    }}
+                  >
+                    Logs
+                  </MenuItem>
+                </React.Fragment>
+              )}
+            </Menu>
           )}
         </Box>