Feat: Replace antd with shadcn and delete the template node. #10427 (#11693)

### What problem does this PR solve?

Feat: Replace antd with shadcn and delete the template node. #10427
### Type of change


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

web/src/components/prompt-dialog.tsx

@@ -0,0 +1,33 @@
+import { IModalProps } from '@/interfaces/common';
+import { IFeedbackRequestBody } from '@/interfaces/request/chat';
+import HightLightMarkdown from './highlight-markdown';
+import SvgIcon from './svg-icon';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from './ui/dialog';
+
+type PromptDialogProps = IModalProps<IFeedbackRequestBody> & {
+  prompt?: string;
+};
+
+export function PromptDialog({
+  visible,
+  hideModal,
+  prompt,
+}: PromptDialogProps) {
+  return (
+    <Dialog open={visible} onOpenChange={hideModal}>
+      <DialogContent className="max-w-[80vw]">
+        <DialogHeader>
+          <DialogTitle>
+            <div className="space-x-2">
+              <SvgIcon name={`prompt`} width={18}></SvgIcon>
+              <span> Prompt</span>
+            </div>
+          </DialogTitle>
+        </DialogHeader>
+        <section className="max-h-[80vh] overflow-auto">
+          <HightLightMarkdown>{prompt}</HightLightMarkdown>
+        </section>
+      </DialogContent>
+    </Dialog>
+  );
+}