Use rome and initial format

src/components/PageComponents/Messages/ChannelChat.tsx

@@ -14,7 +14,7 @@ export interface ChannelChatProps {
 export const ChannelChat = ({
   messages,
   channel,
-  to
+  to,
 }: ChannelChatProps): JSX.Element => {
   const { nodes } = useDevice();
 

src/components/PageComponents/Messages/Message.tsx

@@ -2,7 +2,7 @@ import { Hashicon } from "@emeraldpay/hashicon-react";
 import {
   CircleEllipsisIcon,
   AlertCircleIcon,
-  CheckCircle2Icon
+  CheckCircle2Icon,
 } from "lucide-react";
 import type { Protobuf } from "@meshtastic/meshtasticjs";
 import type { MessageWithState } from "@app/core/stores/deviceStore.js";
@@ -16,7 +16,7 @@ export interface MessageProps {
 export const Message = ({
   lastMsgSameUser,
   message,
-  sender
+  sender,
 }: MessageProps): JSX.Element => {
   return lastMsgSameUser ? (
     <div className="ml-5 flex">
@@ -47,7 +47,7 @@ export const Message = ({
         <span className="mt-1 font-mono text-xs text-textSecondary">
           {message.rxTime.toLocaleTimeString(undefined, {
             hour: "2-digit",
-            minute: "2-digit"
+            minute: "2-digit",
           })}
         </span>
       </div>

src/components/PageComponents/Messages/MessageInput.tsx

@@ -11,14 +11,14 @@ export interface MessageInputProps {
 
 export const MessageInput = ({
   to,
-  channel
+  channel,
 }: MessageInputProps): JSX.Element => {
   const {
     connection,
     setMessageState,
     messageDraft,
     setMessageDraft,
-    hardware
+    hardware,
   } = useDevice();
 
   const myNodeNum = hardware.myNodeNum;
@@ -33,8 +33,8 @@ export const MessageInput = ({
           to as number,
           myNodeNum,
           id,
-          "ack"
-        )
+          "ack",
+        ),
       )
       .catch((e: Types.PacketError) =>
         setMessageState(
@@ -43,8 +43,8 @@ export const MessageInput = ({
           to as number,
           myNodeNum,
           e.id,
-          e.error
-        )
+          e.error,
+        ),
       );
   };