Fixed broken auto scroll of properties pane

Also made sure that if there are many labels on one node, that it is scrollable instead of just rendered out of sight.

Author: eijawerner

src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx

@@ -140,15 +140,21 @@ export const StyledNodeInspectorContainer = styled.div<{
 
 export const PaneWrapper = styled.div`
   padding: 0 14px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 `
 
 export const PaneHeader = styled.div`
   font-size: 16px;
   margin-top: 10px;
   flex: 0 0 auto;
+  overflow: auto;
+  max-height: 50%;
 `
 
 export const PaneBody = styled.div`
+  height: 100%;
   overflow: auto;
   margin: 14px 0;
   flex: 0 1 auto;

src/neo4j-arc/graph-visualization/GraphVisualizer/DefaultPanelContent/styled.tsx

@@ -46,15 +46,21 @@ export const NonClickableRelTypeChip = styled(StyledRelationshipChip)`
 
 export const PaneWrapper = styled.div`
   padding: 0 14px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 `
 
 export const PaneHeader = styled.div`
   font-size: 16px;
   margin-top: 10px;
   flex: 0 0 auto;
+  overflow: auto;
+  max-height: 50%;
 `
 
 export const PaneBody = styled.div`
+  height: 100%;
   overflow: auto;
   margin: 14px 0;
   flex: 0 1 auto;