Lucas/t 365 on comment drawer i see a add comment section with severa (#256)

* Added comments and authors on drawer with proper resolving

* Fixed generated front graphql from rebase

* Fixed comment chip

* wip

* wip 2

* - Added string typing for DateTime scalar
- Refactored user in a recoil state and workspace using it
- Added comment creation

* Put theme and user state in generic providers

* Fix from rebase

* Fixed app theme provider removed from storybook

* Wip

* Fix graphql front

* Fixed backend bug

* - Added comment fetching in creation mode
- Fixed drawer overflows and heights

* - Fixed autosize validation button CSS bug

* Fixed CSS bug with drawer changing height if overflow

* Fixed text input too many event catched and useless error message

* Removed console.log

* Fixed comment cell chip

* Create comment thread on each comment action bar click

* Fixed lint

* Fixed TopBar height

front/src/modules/ui/components/table/action-bar/TableActionBarButtonOpenComments.tsx

@@ -1,23 +1,17 @@
 import { FaRegComment } from 'react-icons/fa';
 
-import { useOpenRightDrawer } from '@/ui/layout/right-drawer/hooks/useOpenRightDrawer';
-
 import { EntityTableActionBarButton } from './EntityTableActionBarButton';
 
-export function TableActionBarButtonToggleComments() {
-  // TODO: here it would be nice to access the table context
-  // But let's see when we have custom entities and properties
-  const openRightDrawer = useOpenRightDrawer();
-
-  async function handleButtonClick() {
-    openRightDrawer('comments');
-  }
+type OwnProps = {
+  onClick: () => void;
+};
 
+export function TableActionBarButtonToggleComments({ onClick }: OwnProps) {
   return (
     <EntityTableActionBarButton
       label="Comment"
       icon={<FaRegComment size={16} />}
-      onClick={handleButtonClick}
+      onClick={onClick}
     />
   );
 }