website refactor

apps/website/ui/Button.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, MouseEventHandler, ButtonHTMLAttributes, ElementType } from 'react';
+import React, { ReactNode, MouseEventHandler, ButtonHTMLAttributes, forwardRef } from 'react';
 import { Stack } from './Stack';
 import { Box, BoxProps } from './Box';
 
@@ -18,7 +18,7 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'as'
   rel?: string;
 }
 
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({ 
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({ 
   children, 
   onClick, 
   className = '',
@@ -79,7 +79,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({
         target={target}
         rel={rel}
         className={classes}
-        {...(props as any)}
+        {...props}
       >
         {content}
       </Box>
@@ -89,12 +89,12 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({
   return (
     <Box 
       as="button"
-      ref={ref as any}
+      ref={ref}
       type={type}
       className={classes}
-      onClick={onClick as any}
+      onClick={onClick}
       disabled={disabled}
-      {...(props as any)}
+      {...props}
     >
       {content}
     </Box>
@@ -102,5 +102,3 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({
 });
 
 Button.displayName = 'Button';
-
-export default Button;