various UI improvments

src/components/Form/FormButton/FormButton.tsx

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from "react"
+import styles from "./styles.module.scss"
+
+type Props = {
+    children: ReactNode
+    onClick?: () => void | undefined
+}
+
+const FormButton: FC<Props> = ({ children, onClick }): JSX.Element => (
+    <button type="button" className={styles.button} onClick={onClick}>
+        {children}
+    </button>
+)
+
+FormButton.defaultProps = {
+    onClick: undefined,
+}
+
+export default FormButton

src/components/Form/FormButton/styles.module.scss

@@ -0,0 +1,5 @@
+@import "../../../theme/mixins";
+
+.button {
+    @include form-button;
+}

src/components/Form/FormSubmit/FormSubmit.tsx

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from "react"
+import styles from "./styles.module.scss"
+
+type Props = {
+    children: ReactNode
+}
+
+const FormSubmit: FC<Props> = ({ children }): JSX.Element => (
+    <button type="submit" className={styles.button}>
+        {children}
+    </button>
+)
+
+export default FormSubmit

src/components/Form/FormSubmit/styles.module.scss

@@ -0,0 +1,5 @@
+@import "../../../theme/mixins";
+
+.button {
+    @include form-button;
+}