Fix message ack's

src/components/PageComponents/Channel.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 
 import { fromByteArray, toByteArray } from "base64-js";
 import { Controller, useForm } from "react-hook-form";
-import toast from "react-hot-toast";
+import { toast } from "react-hot-toast";
 
 import { Input } from "@app/components/form/Input.js";
 import { Form } from "@components/form/Form";

src/components/PageComponents/Messages/Message.tsx

@@ -31,7 +31,7 @@ export const Message = ({
   return lastMsgSameUser ? (
     <div className="ml-4 flex">
       {message.ack ? (
-        <CheckCircleIcon className="my-auto h-4 text-slate-200" />
+        <CheckCircleIcon className="my-auto h-4 text-slate-400" />
       ) : (
         <EllipsisHorizontalCircleIcon className="my-auto h-4 text-slate-200" />
       )}
@@ -68,7 +68,7 @@ export const Message = ({
       </div>
       <div className="flex">
         {message.ack ? (
-          <CheckCircleIcon className="my-auto h-4 text-slate-200" />
+          <CheckCircleIcon className="my-auto h-4 text-slate-400" />
         ) : (
           <EllipsisHorizontalCircleIcon className="my-auto h-4 text-slate-200" />
         )}