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/comments/hooks/useOpenCreateCommentDrawerForSelectedRowIds.ts

@@ -0,0 +1,38 @@
+import { useRecoilState, useRecoilValue } from 'recoil';
+
+import { selectedRowIdsState } from '@/ui/tables/states/selectedRowIdsState';
+import { CommentableType } from '~/generated/graphql';
+
+import { useOpenRightDrawer } from '../../ui/layout/right-drawer/hooks/useOpenRightDrawer';
+import { commentableEntityArrayState } from '../states/commentableEntityArrayState';
+import { createdCommentThreadIdState } from '../states/createdCommentThreadIdState';
+import { CommentableEntity } from '../types/CommentableEntity';
+
+export function useOpenCreateCommentThreadDrawerForSelectedRowIds() {
+  const openRightDrawer = useOpenRightDrawer();
+
+  const [, setCommentableEntityArray] = useRecoilState(
+    commentableEntityArrayState,
+  );
+
+  const [, setCreatedCommentThreadId] = useRecoilState(
+    createdCommentThreadIdState,
+  );
+
+  const selectedPeopleIds = useRecoilValue(selectedRowIdsState);
+
+  return function openCreateCommentDrawerForSelectedRowIds(
+    entityType: CommentableType,
+  ) {
+    const commentableEntityArray: CommentableEntity[] = selectedPeopleIds.map(
+      (id) => ({
+        type: entityType,
+        id,
+      }),
+    );
+
+    setCreatedCommentThreadId(null);
+    setCommentableEntityArray(commentableEntityArray);
+    openRightDrawer('create-comment-thread');
+  };
+}