refactor: ♻️ del children type (#3283)

* refactor: 🔧 del unnecessary children type

Change-Id: I3dea5e07f5401bdbdd168eb959fe361c57784167

* feat: 💄 eslint

Change-Id: Ie173adeca9e3112d8cdfc1f85964332105dcb424

* feat: 🔧 add css type

Change-Id: I8850c4d09b152f4d9c4d98e6eebca58bd9eecd37

* fix: 💄 ci lint

Change-Id: I69ff89c7a30e2bdcd26475ec83f3f5ec143121b6

server/emails/components/Button.tsx

@@ -2,23 +2,23 @@ import * as React from "react";
 
 type Props = {
   href: string;
-  children: React.ReactNode;
 };
 
-export default (props: Props) => {
-  const style = {
-    display: "inline-block",
-    padding: "10px 20px",
-    color: "#FFFFFF",
-    background: "#000000",
-    borderRadius: "4px",
-    fontWeight: 500,
-    textDecoration: "none",
-    cursor: "pointer",
-  };
-  return (
-    <a {...props} style={style}>
-      {props.children}
-    </a>
-  );
+const style: React.CSSProperties = {
+  display: "inline-block",
+  padding: "10px 20px",
+  color: "#FFFFFF",
+  background: "#000000",
+  borderRadius: "4px",
+  fontWeight: 500,
+  textDecoration: "none",
+  cursor: "pointer",
 };
+
+const Button: React.FC<Props> = (props) => (
+  <a {...props} style={style}>
+    {props.children}
+  </a>
+);
+
+export default Button;