(feat): improve some ui

(qol): update todo

packages/chat/src/components/message.tsx

@@ -136,7 +136,7 @@ function MessageComponent({
           className={cn(
             "group hover:bg-muted/50 select-text! relative justify-start flex gap-1 items-center w-full px-2 whitespace-pre-wrap break-all",
             {
-              "bg-(--destructive)/15 text-destructive-foreground hover:bg-(--destructive)/20":
+              "bg-(--destructive)/10 text-destructive-foreground hover:bg-(--destructive)/15":
                 actuallyFailed,
             },
           )}

packages/chat/todo.md

@@ -1,3 +1,4 @@
 - Implement context menu features
 - Add default-emoji-hotkey
 - Placeholder image if media fails to load
+- Signature verifications via ed25519 key

packages/mtp/src/context.tsx

@@ -15,7 +15,6 @@ import { type z } from "zod";
 import { ConnectionState } from "mtp";
 import createAsyncQueue from "@tensamin/shared/asyncQueue";
 import { toast as sonnerToast } from "@tensamin/ui";
-import { Loader2 } from "lucide-react";
 
 import {
   type Calls,
@@ -267,24 +266,6 @@ export function Provider(props: {
       reconnectResetTimer = null;
     };
 
-    if (!props.blockConnection) {
-      sonnerToast.promise(
-        new Promise<void>((resolve) => {
-          resolveConnectionRef.current = resolve;
-        }),
-        {
-          id: "mtp-connection-toast",
-          loading: "Connecting to server...",
-          icon: (
-            <div className="animate-spin aspect-square m-0! flex justify-center items-center">
-              <Loader2 size={16} className="aspect-square m-0!" />
-            </div>
-          ),
-          duration: Infinity,
-        },
-      );
-    }
-
     async function connect() {
       if (disposed || props.blockConnection) return;