Lucas/t 366 on comment drawer when i have comments on the selected (#201)

* Fixed right drawer width and shared in theme

* Added date packages and tooltip

* Added date utils and tests

* Added comment thread components

* Fixed comment chip

* Fix from rebase

* Fix from rebase

* Fix margin right

* Fixed CSS and graphql

front/src/modules/ui/layout/containers/WithTopBarContainer.tsx

@@ -30,10 +30,9 @@ const MainContainer = styled.div`
   background: ${(props) => props.theme.noisyBackground};
   padding-right: ${(props) => props.theme.spacing(3)};
   padding-bottom: ${(props) => props.theme.spacing(3)};
+  gap: ${(props) => props.theme.spacing(2)};
 `;
 
-const RIGHT_DRAWER_WIDTH = '300px';
-
 type LeftContainerProps = {
   isRightDrawerOpen?: boolean;
 };
@@ -41,7 +40,11 @@ type LeftContainerProps = {
 const LeftContainer = styled.div<LeftContainerProps>`
   display: flex;
   width: calc(
-    100% - ${(props) => (props.isRightDrawerOpen ? RIGHT_DRAWER_WIDTH : '0px')}
+    100% -
+      ${(props) =>
+        props.isRightDrawerOpen
+          ? `${props.theme.rightDrawerWidth} - ${props.theme.spacing(2)}`
+          : '0px'}
   );
   position: relative;
 `;