Truncate comment user name when too long (#274)

front/src/modules/ui/components/board/__stories__/Board.stories.tsx

@@ -6,7 +6,7 @@ import { Board } from '../Board';
 import { initialBoard, items } from './mock-data';
 
 const meta: Meta<typeof Board> = {
-  title: 'Components/Board',
+  title: 'UI/Board/Board',
   component: Board,
 };
 

front/src/modules/ui/components/inputs/__stories__/AutosizeTextInput.stories.tsx

@@ -5,7 +5,7 @@ import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 import { AutosizeTextInput } from '../AutosizeTextInput';
 
 const meta: Meta<typeof AutosizeTextInput> = {
-  title: 'Components/Common/AutosizeTextInput',
+  title: 'UI/Inputs/AutosizeTextInput',
   component: AutosizeTextInput,
 };
 

front/src/modules/ui/components/table/table-header/__stories__/TableHeader.stories.tsx

@@ -12,7 +12,7 @@ import { availableSorts } from '../../../../../../pages/companies/companies-sort
 import { TableHeader } from '../TableHeader';
 
 const meta: Meta<typeof TableHeader> = {
-  title: 'Components/Table/TableHeader',
+  title: 'UI/Table/TableHeader',
   component: TableHeader,
 };
 

front/src/modules/ui/layout/right-drawer/components/__stories__/RightDrawerTopBar.stories.tsx

@@ -6,7 +6,7 @@ import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 import { RightDrawerTopBar } from '../RightDrawerTopBar';
 
 const meta: Meta<typeof RightDrawerTopBar> = {
-  title: 'Components/RightDrawer/RightDrawerTopBar',
+  title: 'UI/RightDrawer/RightDrawerTopBar',
   component: RightDrawerTopBar,
   argTypes: {
     title: {