chore(f-canvas): add class to connections container and style it

Author: siarheihuzarevich

projects/f-flow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow",
-  "version": "17.9.5",
+  "version": "17.9.6",
   "description": "An Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.",
   "main": "index.js",
   "types": "index.d.ts",

projects/f-flow/src/f-canvas/f-canvas.component.html

@@ -2,7 +2,7 @@
   <div #fGroupsContainer>
     <ng-content select="[fGroup], [fGroups]" />
   </div>
-  <div #fConnectionsContainer>
+  <div #fConnectionsContainer class="f-connections-container">
     <ng-content select="f-snap-connection" />
     <ng-content select="f-connection, [fConnections]" />
     <ng-content select="f-connection-for-create" />

projects/f-flow/src/f-canvas/f-canvas.component.scss

@@ -13,3 +13,8 @@
     transform: translateZ(0);
   }
 }
+
+.f-connections-container {
+  position: absolute;
+  z-index: 2;
+}