Update message blocks

lib/component/message/MessageBlock.tsx

@@ -1,14 +1,13 @@
 import type { MessageBlockProps } from "$/types/MessageTypes";
 import clsx from "clsx";
-import { forwardRef } from "react";
 
 
-const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
+export default function MessageBlock({
 	className,
 	outline = "sm",
 	rounded = "lg",
 	...messageProps
-}, ref ) => {
+}: Readonly<MessageBlockProps>){
 	return (
 		<div
 			data-testid="mattrixwv-message-block"
@@ -30,12 +29,7 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 					"rounded-xl": rounded === "xl"
 				}
 			)}
-			ref={ref}
 			{...messageProps}
 		/>
 	);
-});
-
-MessageBlock.displayName = "MessageBlock";
-
-export default MessageBlock;
+}