feat: comments

* create comment
* reply to comment thread
* edit comment
* delete comment
* resolve comment

client/src/components/layouts/header.tsx

@@ -1,5 +1,4 @@
 import {
-  Group,
   ActionIcon,
   Menu,
   Button,
@@ -13,6 +12,7 @@ import {
   IconLock,
   IconShare,
   IconTrash,
+  IconMessage,
 } from '@tabler/icons-react';
 import React from 'react';
 
@@ -23,6 +23,10 @@ export default function Header() {
         Share
       </Button>
 
+      <ActionIcon variant="default" style={{ border: 'none' }}>
+        <IconMessage size={20} stroke={2} />
+      </ActionIcon>
+
       <PageActionMenu />
     </>
   );