[Update] Config Page: MessageFormat: Add ui, message format.

src-ui/common_components/index.js

@@ -1,2 +1,3 @@
 export { Checkbox } from "./checkbox/Checkbox";
-export { HomepageLinkButton } from "./homepage_link_button/HomepageLinkButton";
+export { HomepageLinkButton } from "./homepage_link_button/HomepageLinkButton";
+export { ResetButton } from "./reset_button/ResetButton";

src-ui/common_components/reset_button/ResetButton.jsx

@@ -0,0 +1,10 @@
+import styles from "./ResetButton.module.scss";
+import RedoSvg from "@images/redo.svg?react";
+
+export const ResetButton = ({ onClickFunction }) => {
+    return (
+        <button className={styles.reset_button} onClick={onClickFunction}>
+            <RedoSvg className={styles.reset_svg}/>
+        </button>
+    );
+};

src-ui/common_components/reset_button/ResetButton.module.scss

@@ -0,0 +1,24 @@
+.reset_button {
+    width: fit-content;
+    background-color: var(--dark_875_color);
+    padding: 0.6rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.4rem;
+    flex-shrink: 0;
+    &:hover {
+        background-color: var(--dark_825_color);
+        & .reset_svg {
+            color: var(--dark_200_color);
+        }
+    }
+    &:active {
+        background-color: var(--dark_925_color);
+    }
+}
+
+.reset_svg {
+    width: 1.4rem;
+    color: var(--dark_550_color);
+}