Update button components

lib/component/button/DarkButton.tsx

@@ -1,19 +1,17 @@
 import type { ButtonProps } from "$/types/ButtonTypes";
 import clsx from "clsx";
-import { forwardRef } from "react";
 import Button from "./Button";
 
 
-const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
+export default function DarkButton({
 	className,
 	variant = "standard",
 	disabled,
 	...buttonProps
-}, ref) => {
+}: Readonly<ButtonProps>){
 	return (
 		<Button
 			data-testid="mattrixwv-dark-button"
-			ref={ref}
 			variant={variant}
 			disabled={disabled}
 			className={clsx(
@@ -43,8 +41,4 @@ const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 			{...buttonProps}
 		/>
 	);
-});
-
-DarkButton.displayName = "DarkButton";
-
-export default DarkButton;
+}