Update button components

lib/component/button/DangerButton.tsx

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