Add a dedicated TextField component

frontend/src/ui/components/chat/EditMessageDialog.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 import type { Message } from "../../../core/types";
-import { MaterialDialog } from "../Dialog";
+import { MaterialDialog } from "../core/Dialog";
 
 interface EditMessageDialogProps {
     isOpen: boolean;

frontend/src/ui/components/chat/ReplyMessageDialog.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from "react";
 import type { Message } from "../../../core/types";
-import { MaterialDialog } from "../Dialog";
+import { MaterialDialog } from "../core/Dialog";
+import { MaterialTextField } from "../core/TextField";
 
 interface ReplyMessageDialogProps {
     isOpen: boolean;
@@ -42,14 +43,13 @@ export function ReplyMessageDialog({ isOpen, onOpenChange, replyToMessage, onSen
                         <span className="reply-text">{replyToMessage.content}</span>
                     </div>
                 </div>
-                <mdui-text-field 
+                <MaterialTextField
                     value={replyContent}
                     onInput={(e) => setReplyContent((e.target as HTMLInputElement).value)}
                     label="Reply" 
                     variant="outlined" 
                     placeholder="Type your reply..."
-                    maxlength={1000}>
-                </mdui-text-field>
+                    maxlength={1000} />
                 <div className="dialog-actions">
                     <mdui-button onClick={handleCancel} variant="outlined">Cancel</mdui-button>
                     <mdui-button onClick={handleSendReply}>Send Reply</mdui-button>

frontend/src/ui/components/chat/UserProfileDialog.tsx

@@ -1,6 +1,6 @@
 import type { DialogProps } from "../../../core/types";
 import type { UserProfile } from "../../../core/types";
-import { MaterialDialog } from "../Dialog";
+import { MaterialDialog } from "../core/Dialog";
 import { formatTime } from "../../../utils/utils";
 import defaultAvatar from "../../../resources/images/default-avatar.png";