fix(ui): refactor Button component to use TypeScript interface for props

Author: eddyseed

frontend/src/components/ui/button.tsx

@@ -1,12 +1,19 @@
 import styles from '../../styles/Button.module.scss';
-import type { ReactNode } from 'react';
-const Button = ({ variant = 'primary', children, ...props }: { variant?: string, children: ReactNode }) => {
+import type { ReactNode, ButtonHTMLAttributes } from 'react';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: string;
+  children: ReactNode;
+}
+
+const Button = ({ variant = 'primary', children, ...props }: ButtonProps) => {
   const className = styles[variant];
 
   return (
-    <button className={`${className}`} {...props}>
+    <button className={className} {...props}>
       {children}
     </button>
   );
 };
-export default Button;
+
+export default Button;