chore: faq

package.json

@@ -1,8 +1,8 @@
 {
   "name": "rustchat-web",
- "version": "1.0.0",
+  "version": "0.2.6",
   "private": true,
- "homepage": "http://privoce.rustchat.com",
+  "homepage": "https://privoce.rustchat.com",
   "dependencies": {
     "@babel/core": "^7.17.10",
     "@emoji-mart/data": "^1.0.1",

src/common/component/FAQ.js

@@ -1,5 +1,20 @@
 // import React from "react";
+import styled from "styled-components";
+import pkg from "../../../package.json";
+
+const Styled = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`;
 export default function FAQ() {
   console.log("build time", process.env);
-  return <div>Build Timestamp: {process.env.REACT_APP_BUILD_TIME}</div>;
+  return (
+    <Styled>
+      <div className="item">
+        Build Timestamp: {process.env.REACT_APP_BUILD_TIME}
+      </div>
+      <div className="item">Version: {pkg.version}</div>
+    </Styled>
+  );
 }