refactor: create reusable buttons

apps/client/src/common/components/buttons/Button.tsx

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes } from 'react';
+
+import { cx } from '../../utils/styleUtils';
+
+import style from './Button.module.scss';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'subtle' | 'primary';
+}
+
+export default function Button(props: ButtonProps) {
+  const { className, children, variant = 'subtle', ...buttonProps } = props;
+
+  return (
+    <button className={cx([style.baseButton, style[variant], className])} type='button' {...buttonProps}>
+      {children}
+    </button>
+  );
+}