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-flows/index.tsx

@@ -0,0 +1,3 @@
+export default function DataFlows() {
+  return <section>xx</section>;
+}