fix: Fix disappearing sidebar [PT-187321139]

Changed svg graph to use calculated height and 100% width to force svg to stay within the graph container.

Also added 10px gap to toolbar between top and bottom button groups.

src/components/app.scss

@@ -63,8 +63,11 @@
     display: flex;
     flex: 1;
     margin: 10px;
+    height: 100%;
 
     .left {
+      overflow: hidden;
+
       display: flex;
       flex-direction: column;
       justify-content: space-between;

src/components/graph.tsx

@@ -764,8 +764,8 @@ export const Graph = (props: Props) => {
   return (
     <div className="graph" ref={wrapperRef} onClick={handleClick}>
       <svg
-        width={width}
-        height={height}
+        width="100%"
+        height="calc(100vh - 20px)"
         viewBox={viewBox}
         ref={svgRef}
       />

src/components/toolbar.scss

@@ -6,6 +6,7 @@
   border-radius: 3px;
   background-color: #dddddd7f;
   justify-content: space-between;
+  gap: 10px;
 
   button {
     width: 32px;