(feat): add message states, tweaks chat ui

(feat): add drag and drop to login page

apps/web/src/routes/settings/chat.tsx

@@ -1,12 +1,30 @@
 import { Switch } from "@/features/settings/components";
+import { Kbd } from "@tensamin/ui";
 
 export default function Page() {
   return (
-    <div>
+    <div className="flex flex-col gap-2">
       <Switch
-        label="Reverse Enter Key Behavior"
+        label={
+          <p>
+            Change <Kbd>Enter</Kbd> behavior to <Kbd>Shift</Kbd> +{" "}
+            <Kbd>Enter</Kbd>
+          </p>
+        }
         id="settings.reverse_enter_behavior"
       />
+      <Switch
+        label="Enable read confirmations"
+        id="settings.read_confirmations"
+      />
+      <Switch
+        label="Enable receive confirmations"
+        id="settings.receive_confirmations"
+      />
+      <Switch
+        label="Sidebar message preview"
+        id="settings.show_start_of_last_message_in_sidebar"
+      />
     </div>
   );
 }