[layout] fixing grid rendering with larger pixel ratios

Author: Yomguithereal

src/views/graphPage/controllers/GridController.tsx

@@ -98,12 +98,16 @@ export const GridController: FC<{ size: number; opacity: number; color: string }
     const canvas = canvasRef.current;
     if (!canvas) return;
 
-    const { width, height } = sigma.getDimensions();
+    let { width, height } = sigma.getDimensions();
     const pixelRatio = getPixelRatio();
+
+    width *= pixelRatio;
+    height *= pixelRatio;
+
     canvas.style.width = width + "px";
     canvas.style.height = height + "px";
-    canvas.setAttribute("width", width * pixelRatio + "px");
-    canvas.setAttribute("height", height * pixelRatio + "px");
+    canvas.setAttribute("width", width + "px");
+    canvas.setAttribute("height", height + "px");
   }, [sigma]);
 
   useEffect(() => {