[improvement][semantic-fe] Added an editing component to set filtering rules for Q&A. Now, the SQL editor will be accompanied by a list for display and control, to resolve ambiguity when using comma-separated values.

[improvement][semantic-fe] Improved validation logic and prompt copywriting for data source/dimension/metric editing and creation.
[improvement][semantic-fe] Improved user experience for visual modeling. Now, when using the legend to control the display/hide of data sources and their associated metric dimensions, the canvas will be re-layout based on the activated data source in the legend.

Co-authored-by: tristanliu <tristanliu@tencent.com>

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/FormLabelRequire.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type Props = {
+  title: string;
+  labelStyles?: CSSStyleSheet;
+};
+
+const FormLabelRequire: React.FC<Props> = ({ title, labelStyles = {} }) => {
+  return (
+    <>
+      <div className="ant-col ant-form-item-label">
+        <label
+          htmlFor="description"
+          className="ant-form-item-required"
+          title={title}
+          style={{ fontSize: '16px', ...labelStyles }}
+        >
+          {title}
+        </label>
+      </div>
+    </>
+  );
+};
+
+export default FormLabelRequire;