feat: integrate FAQ to webapp

src/faq/SegmentAddKeyDropdown.tsx

@@ -0,0 +1,25 @@
+import { Flex, IconButton } from '@chakra-ui/react';
+import { MdExpandMore } from 'react-icons/md';
+import { HiWord } from '~/components/HelpText/HiWord';
+import { VQuote } from '~/components/HelpText/VQuote';
+
+export function SegmentAddKeyDropdown() {
+  return (
+    <Flex as="span" alignItems="center">
+      按下<VQuote>添加一条密钥</VQuote>按钮
+      <HiWord>右侧</HiWord>的
+      <IconButton
+        colorScheme="purple"
+        variant="outline"
+        size="sm"
+        icon={<MdExpandMore />}
+        ml="2"
+        borderTopLeftRadius={0}
+        borderBottomLeftRadius={0}
+        isDisabled
+        css={{ ':disabled': { opacity: 1 } }}
+        aria-label="示例按钮"
+      />
+    </Flex>
+  );
+}