style: moved inline styles to VisProgUI.module.css and used some existing classes to replace simple css

ref: N25B-114

src/pages/VisProgPage/visualProgrammingUI/VisProgUI.module.css

@@ -17,6 +17,10 @@
     height: 100%;
 }
 
+
+
+
+
 .dnd-panel {
     margin-inline-start: auto;
     margin-inline-end: auto;
@@ -28,6 +32,19 @@
     height:7%;
 }
 
+.inner-dnd-panel {
+    outline: 2.5pt solid black;
+    border-radius: 0 0 5pt 5pt;
+    border-color: dimgrey;
+    background-color: canvas;
+    align-items: center;
+}
+
+.dnd-node-container {
+    background-color: canvas;
+    justify-content: center;
+}
+
 /* Node Styles */
 
 .default-node {