Front small ui fixes (#428)

* fix: add ellipsis in all table cells

* fix: workspace click redirect to home

* fix: add company chip story and edit comment cell story

* fix: remove cursor pointer on workspace name

* fix: snoop pill height

* fix: rebase

front/src/modules/comments/components/CellCommentChip.tsx

@@ -3,27 +3,14 @@ import styled from '@emotion/styled';
 import { CommentChip, CommentChipProps } from './CommentChip';
 
 // TODO: tie those fixed values to the other components in the cell
-const StyledCellWrapper = styled.div`
-  position: absolute;
-  right: -46px;
-  top: 3px;
-`;
-
-const StyledCommentChipContainer = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  position: relative;
-
-  right: 50px;
-  width: 50px;
-`;
+const StyledCellWrapper = styled.div``;
 
 export function CellCommentChip(props: CommentChipProps) {
+  if (props.count === 0) return null;
+
   return (
     <StyledCellWrapper>
-      <StyledCommentChipContainer>
-        <CommentChip {...props} />
-      </StyledCommentChipContainer>
+      <CommentChip {...props} />
     </StyledCellWrapper>
   );
 }

front/src/modules/comments/components/__stories__/CommentChip.stories.tsx

@@ -20,19 +20,20 @@ const TestCellContainer = styled.div`
   display: flex;
 
   height: fit-content;
-  justify-content: flex-start;
+  justify-content: space-between;
 
   max-width: 250px;
+
   min-width: 250px;
 
   overflow: hidden;
-
   text-wrap: nowrap;
 `;
 
 const StyledFakeCellText = styled.div`
-  display: flex;
-  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
 export const OneComment: Story = {
@@ -60,7 +61,7 @@ export const InCellOverlappingBlur: Story = {
   render: getRenderWrapperForComponent(
     <TestCellContainer>
       <StyledFakeCellText>
-        Fake long text to demonstrate blur effect
+        Fake long text to demonstrate ellipsis
       </StyledFakeCellText>
       <CellCommentChip count={12} />
     </TestCellContainer>,