update Icons

math-tutor/frontend/package-lock.json

@@ -8,6 +8,7 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
+        "iconoir-react": "^7.11.0",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
         "react-markdown": "^10.1.0"
@@ -2148,6 +2149,19 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/iconoir-react": {
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/iconoir-react/-/iconoir-react-7.11.0.tgz",
+      "integrity": "sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/iconoir"
+      },
+      "peerDependencies": {
+        "react": "18 || 19"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",

math-tutor/frontend/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "iconoir-react": "^7.11.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-markdown": "^10.1.0"

math-tutor/frontend/src/components/Chat/MessageInput.tsx

+import { EditPencil, Send } from "iconoir-react";
+
 type MessageInputProps = {
   value: string;
   onChange: (value: string) => void;
@@ -16,16 +18,24 @@ export default function MessageInput({
   return (
     <div className="composer">
       <div className="composer-row">
-        <button className="btn" type="button" onClick={onToggleCanvas}>
-          Draw
+        <button
+          className="btn"
+          type="button"
+          onClick={onToggleCanvas}
+          aria-label="Draw"
+          title="Draw"
+        >
+          <EditPencil width={18} height={18} aria-hidden="true" />
         </button>
         <button
           className="btn primary"
           type="button"
           onClick={onSend}
           disabled={!canSend}
+          aria-label="Send"
+          title="Send"
         >
-          Send
+          <Send width={18} height={18} aria-hidden="true" />
         </button>
       </div>
       <textarea