edited text color and took out comments

Author: ash-t-luu

src/webview/Flow.jsx

@@ -73,9 +73,9 @@ const OverviewFlow = () => {
         nodeBorderRadius={2}
       />
       <Panel position="top-left">
-        <div className="border-1 border-gray-500">
+        <div className="text-black">
           <div className="flex justify-end place-items-end shadow-lg bg-slate-50 w-20 h-15">
-            <p className="pl-2 pr-2 py-2">Client: <span className="border-1 border-gray-500 bg-orange-300 text-transparent rounded-full">00</span></p>
+            <p className="pl-2 pr-2 py-2">Client: <span className="bg-orange-300 text-transparent rounded-full">00</span></p>
           </div>
           <div className="flex justify-end place-items-end shadow-lg bg-slate-50 w-20 h-15">
             <p className="pl-2 pr-2 pb-2">Server: <span className="bg-blue-300 text-transparent  rounded-full">00</span></p>

src/webview/flowBuilder.js

@@ -21,13 +21,12 @@ class FlowBuilder {
     parsedData.forEach((item) => {
       const node = {
         id: (++this.id).toString(),
-        data: { // `py-2 px-9 shadow-lg rounded-md border-2 border-gray-500 flex justify-center place-items-center 
+        data: {
           label: (
             <div className="text-sm font-medium text-ellipsis overflow-hidden ..." key={this.id}>{item.fileName}</div>
           )
         },
         // type: item.depth === 0 ? 'input' : '',
-        // type: item.isClientComponent ? 'input' : 'output',
         type: 'default',
         position: { x: x += 40, y: y += 30 },
         style: {