Feat: Initialize the data pipeline canvas. #9869 (#9870)

### What problem does this PR solve?
Feat: Initialize the data pipeline canvas. #9869

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/data-flow/components/background.tsx

@@ -0,0 +1,13 @@
+import { useIsDarkTheme } from '@/components/theme-provider';
+import { Background } from '@xyflow/react';
+
+export function AgentBackground() {
+  const isDarkTheme = useIsDarkTheme();
+
+  return (
+    <Background
+      color={isDarkTheme ? 'rgba(255,255,255,0.15)' : '#A8A9B3'}
+      bgColor={isDarkTheme ? 'rgba(11, 11, 12, 1)' : 'rgba(0, 0, 0, 0.05)'}
+    />
+  );
+}