The PowerItem.jsx now supports a middle click

client/src/common/components/Sidebar/components/SidebarContent/components/PowerItem/PowerItem.jsx

@@ -6,8 +6,16 @@ export const PowerItem = ({icon, name, path}) => {
     const location = useLocation();
     const navigate = useNavigate();
 
+    const mouseDown = (event) => {
+        if (event.button === 1) {
+            event.preventDefault();
+            window.open(window.location.origin + path, "_blank");
+        }
+    }
+
     return (
-        <div className={"power-item" + (location.pathname === path ? " power-item-active" : "")} onClick={() => navigate(path)}>
+        <div className={"power-item" + (location.pathname === path ? " power-item-active" : "")}
+             onMouseDown={mouseDown} onClick={() => navigate(path)}>
             <FontAwesomeIcon icon={icon}/>
             <h2>{name}</h2>
         </div>