Allow deselect file or folder

Author: devklick

src/programs/FileBrowser/DirectoryOrFile/DirectoryOrFile.tsx

@@ -49,12 +49,18 @@ function DirectoryOrFile({
     setContextMenuOpen(true);
   }
 
+  function handleClick(event: React.MouseEvent) {
+    setSelected(fsObject.path);
+    event.stopPropagation();
+    event.preventDefault();
+  }
+
   return (
     <StyledItem
       selected={selected}
       selectedColor={settings.secondaryColor}
       onDoubleClick={() => openFSObject(fsObject)}
-      onClick={() => setSelected(fsObject.path)}
+      onClick={handleClick}
       key={fsObject.path}
       onContextMenu={handleRightClick}
     >

src/programs/FileBrowser/MainContent/MainContent.tsx

@@ -28,7 +28,7 @@ function MainContent({
   openFSObject,
   appRef,
 }: MainContentProps) {
-  const [selected, setSelected] = useState<string>("");
+  const [selected, setSelected] = useState<string | null>(null);
   const clickPosition = useRef<{ x: number; y: number }>({ x: 0, y: 0 });
   const [contextMenuOpen, setContextMenuOpen] = useState(false);
   const [promptFor, setPromptFor] = useState<FSObjectType | null>(null);
@@ -59,6 +59,7 @@ function MainContent({
     <StyledMainContent
       onContextMenu={handleRightClick}
       scrollbarColor={scrollbarColor}
+      onClick={() => setSelected(null)}
     >
       {contextMenuOpen && (
         <ContextMenu