Update message blocks

lib/component/message/WarningMessageBlock.tsx

@@ -1,13 +1,12 @@
 import type { MessageBlockProps } from "$/types/MessageTypes";
 import clsx from "clsx";
-import { forwardRef } from "react";
 import MessageBlock from "./MessageBlock";
 
 
-const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
+export default function WarningMessageBlock({
 	className,
 	...messageProps
-}, ref ) => {
+}: Readonly<MessageBlockProps>){
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-warning-message-block"
@@ -15,12 +14,7 @@ const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 				className,
 				"bg-warning-xlight text-warning-dark"
 			)}
-			ref={ref}
 			{...messageProps}
 		/>
 	);
-});
-
-WarningMessageBlock.displayName = "WarningMessageBlock";
-
-export default WarningMessageBlock;
+}