style: changed VisProgUI.css to VisProgUI.module.css and updated relevant references

ref: N25B-114

src/pages/VisProgPage/visualProgrammingUI/components/NodeDefinitions.tsx

@@ -1,6 +1,6 @@
 import {Handle, NodeToolbar, Position, useReactFlow} from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
-import '../VisProgUI.css';
+import styles from '../VisProgUI.module.css';
 
 // Contains the datatypes for the data inside our NodeTypes
 // this has to be improved or adapted to suit our implementation for computing the graph
@@ -53,7 +53,7 @@ export const StartNode = ({id, data}: StartNodeProps) => {
   return (
     <>
       <Toolbar nodeId={id} allowDelete={false}/>
-      <div className="default-node__start">
+      <div className={styles.defaultNodeStart}>
         <div> data test {data.label} </div>
         <Handle type="source" position={Position.Right} id="start"/>
       </div>
@@ -73,7 +73,7 @@ export const EndNode = ({id, data}: EndNodeProps) => {
   return (
     <>
       <Toolbar nodeId={id} allowDelete={false}/>
-      <div className="default-node__end">
+      <div className={styles.defaultNodeEnd}>
         <div> {data.label} </div>
         <Handle type="target" position={Position.Left} id="end"/>
       </div>
@@ -93,7 +93,7 @@ export const PhaseNode = ({id, data}: PhaseNodeProps) => {
   return (
     <>
       <Toolbar nodeId={id} allowDelete={true}/>
-      <div className="default-node__phase">
+      <div className={styles.defaultNodePhase}>
         <div> phase {data.number} {data.label} </div>
         <Handle type="target" position={Position.Left} id="target"/>
         <Handle type="target" position={Position.Bottom} id="norms"/>
@@ -115,7 +115,7 @@ export const NormNode = ({id, data}: NormNodeProps) => {
   return (
     <>
       <Toolbar nodeId={id} allowDelete={true}/>
-      <div className="default-node__norm">
+      <div className={styles.defaultNodeNorm}>
         <div> Norm {data.label} </div>
         <Handle type="source" position={Position.Right} id="NormSource"/>
       </div>