Second round of formatting

src/components/PageComponents/Messages/ChannelChat.tsx

@@ -24,7 +24,7 @@ export const ChannelChat = ({
         {messages ? (
           messages.map((message, index) => (
             <Message
-              key={index}
+              key={message.id}
               message={message}
               lastMsgSameUser={
                 index === 0 ? false : messages[index - 1].from === message.from

src/components/PageComponents/Messages/Message.tsx

@@ -1,11 +1,11 @@
+import type { MessageWithState } from "@app/core/stores/deviceStore.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
+import type { Protobuf } from "@meshtastic/meshtasticjs";
 import {
-  CircleEllipsisIcon,
   AlertCircleIcon,
   CheckCircle2Icon,
+  CircleEllipsisIcon,
 } from "lucide-react";
-import type { Protobuf } from "@meshtastic/meshtasticjs";
-import type { MessageWithState } from "@app/core/stores/deviceStore.js";
 
 export interface MessageProps {
   lastMsgSameUser: boolean;

src/components/PageComponents/Messages/MessageInput.tsx

@@ -1,8 +1,8 @@
+import { Button } from "@components/UI/Button.js";
 import { Input } from "@components/UI/Input.js";
 import { useDevice } from "@core/stores/deviceStore.js";
-import { SendIcon } from "lucide-react";
 import type { Types } from "@meshtastic/meshtasticjs";
-import { Button } from "@components/UI/Button.js";
+import { SendIcon } from "lucide-react";
 
 export interface MessageInputProps {
   to: Types.Destination;