Update message blocks

lib/component/message/SecondaryMessageBlock.tsx

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