icon button

packages/frontend/src/components/ui/icon.tsx

@@ -9,6 +9,7 @@ import {
   Circle as PixelCircle,
   Clock as PixelClock,
   Close as PixelClose,
+  MessagePlus as PixelCommentSend,
   Debug as PixelDebug,
   Edit as PixelEdit,
   Home as PixelHome,
@@ -41,6 +42,7 @@ import {
   CaretUpIcon as PhosphorChevronUp,
   CircleIcon as PhosphorCircle,
   ClockIcon as PhosphorClock,
+  ChatTextIcon as PhosphorComment,
   DotsSixVerticalIcon as PhosphorDotsSixVertical,
   DotsThreeVerticalIcon as PhosphorDotsThreeVertical,
   PencilSimpleIcon as PhosphorEdit,
@@ -91,6 +93,7 @@ import {
   Loader2Icon,
   LogOut,
   Home as LucideHome,
+  MessageSquarePlus,
   Moon,
   OctagonXIcon,
   Pause,
@@ -128,6 +131,7 @@ const icons = {
   circleCheckIcon: { lucide: CircleCheckIcon, pixel: PixelCheck, phosphor: PhosphorCheckCircle },
   circleIcon: { lucide: CircleIcon, pixel: PixelCircle, phosphor: PhosphorCircle },
   circleQuestionMark: { lucide: CircleQuestionMark, pixel: PixelNoteDelete, phosphor: PhosphorQuestion },
+  comment: { lucide: MessageSquarePlus, pixel: PixelCommentSend, phosphor: PhosphorComment },
   edit: { lucide: Edit, pixel: PixelEdit, phosphor: PhosphorEdit },
   ellipsisVertical: {
     lucide: EllipsisVertical,