Update message blocks

lib/component/message/DarkMessageBlock.tsx

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