feat: build react flow nodes and edges from mock data #918 (#919)

### What problem does this PR solve?
feat: build react flow nodes and edges from mock data #918

### Type of change

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

web/src/interfaces/database/flow.ts

@@ -0,0 +1,19 @@
+export type DSLComponents = Record<string, Operator>;
+
+export interface DSL {
+  components: DSLComponents;
+  history: any[];
+  path: string[];
+  answer: any[];
+}
+
+export interface Operator {
+  obj: OperatorNode;
+  downstream: string[];
+  upstream: string[];
+}
+
+export interface OperatorNode {
+  component_name: string;
+  params: Record<string, unknown>;
+}