Merge pull request 'Changes in InfiniteCanvas --Refactoring Changes' (#20) from develop into main

Reviewed-on: #20

src/App.jsx

@@ -286,7 +286,7 @@ function App() {
             <>
               <div className="page-header">
                 <h1 className="page-title">
-                  Overview
+                  Qubit Services
                 </h1>
                 <Breadcrumbs 
                   aria-label="breadcrumb"

src/components/DataflowCanvas.jsx

@@ -98,7 +98,7 @@ const generateCustomStyles = () => {
       z-index: 5 !important;
       background: white !important;
       border-radius: 8px !important;
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
+      box-shadow: 0 4px 8px rgba(249, 242, 242, 0.94) !important;
     }
     
     /* Edge styling for left-to-right data flow */
@@ -131,7 +131,6 @@ const generateCustomStyles = () => {
 // Import icons from react-icons
 import { FaTable, FaArrowRight, FaExchangeAlt, FaFilter, FaCode, FaSync, FaCalculator, FaChartLine, FaEdit, FaTrash, FaChevronDown } from 'react-icons/fa';
 import { BiSolidData, BiTransfer } from 'react-icons/bi';
-import { AiFillFolder } from 'react-icons/ai';
 import { TbTransform } from 'react-icons/tb';
 import { CustomDatabaseIcon, CustomDocumentIcon, CustomDimensionIcon, CustomProcessIcon, CustomSchemaIcon } from './CustomIcons';
 

src/components/ERDiagramCanvas.jsx

@@ -1794,7 +1794,7 @@ const ERDiagramCanvasContent = () => {
       >
         <Controls 
           style={{
-            background: 'rgba(26, 26, 26, 0.8)',
+            background: 'rgba(255, 255, 255, 0.8)',
             border: '1px solid rgba(138, 43, 226, 0.3)',
             borderRadius: '8px'
           }}