feat: comments

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

client/src/main.tsx

@@ -9,16 +9,19 @@ import { MantineProvider } from '@mantine/core';
 import { TanstackProvider } from '@/components/providers/tanstack-provider';
 import CustomToaster from '@/components/ui/custom-toaster';
 import { BrowserRouter } from 'react-router-dom';
+import { ModalsProvider } from '@mantine/modals';
 
 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 
 root.render(
   <BrowserRouter>
     <MantineProvider theme={theme}>
+      <ModalsProvider>
       <TanstackProvider>
         <App />
         <CustomToaster />
       </TanstackProvider>
+      </ModalsProvider>
     </MantineProvider>
   </BrowserRouter>,
 );