Refactored Storybook UI (#2020)

* refactored Storybook UI

* refactored Storybook UI

* removed extra cards from the doc, added card for ui components

front/src/modules/ui/display/checkmark/components/__stories__/Checkmark.stories.tsx

@@ -5,7 +5,7 @@ import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { Checkmark } from '../Checkmark';
 
 const meta: Meta<typeof Checkmark> = {
-  title: 'UI/Checkmark/Checkmark',
+  title: 'UI/Display/Checkmark/Checkmark',
   component: Checkmark,
   decorators: [ComponentDecorator],
 };

front/src/modules/ui/display/chip/components/__stories__/Chip.stories.tsx

@@ -7,7 +7,7 @@ import { CatalogStory } from '~/testing/types';
 import { Chip, ChipAccent, ChipSize, ChipVariant } from '../Chip';
 
 const meta: Meta<typeof Chip> = {
-  title: 'UI/Chip/Chip',
+  title: 'UI/Display/Chip/Chip',
   component: Chip,
 };
 

front/src/modules/ui/display/chip/components/__stories__/EntityChip.stories.tsx

@@ -5,7 +5,7 @@ import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWith
 import { EntityChip } from '../EntityChip';
 
 const meta: Meta<typeof EntityChip> = {
-  title: 'UI/Chip/EntityChip',
+  title: 'UI/Display/Chip/EntityChip',
   component: EntityChip,
   decorators: [ComponentWithRouterDecorator],
   args: {

front/src/modules/ui/display/pill/components/__stories__/SoonPill.stories.tsx

@@ -5,7 +5,7 @@ import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { SoonPill } from '../SoonPill';
 
 const meta: Meta<typeof SoonPill> = {
-  title: 'UI/Accessories/SoonPill',
+  title: 'UI/Display/Pill/SoonPill',
   component: SoonPill,
   decorators: [ComponentDecorator],
 };

front/src/modules/ui/display/tag/components/__stories__/Tag.stories.tsx

@@ -10,7 +10,7 @@ import { CatalogStory } from '~/testing/types';
 import { Tag, TagColor } from '../Tag';
 
 const meta: Meta<typeof Tag> = {
-  title: 'UI/Tag/Tag',
+  title: 'UI/Display/Tag/Tag',
   component: Tag,
 };
 

front/src/modules/ui/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx

@@ -9,7 +9,7 @@ const placeholderText =
   'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tellus diam, rhoncus nec consequat quis, dapibus quis massa. Praesent tincidunt augue at ex bibendum, non finibus augue faucibus. In at gravida orci. Nulla facilisi. Proin ut augue ut nisi pellentesque tristique. Proin sodales libero id turpis tincidunt posuere.';
 
 const meta: Meta<typeof OverflowingTextWithTooltip> = {
-  title: 'UI/Tooltip/OverflowingTextWithTooltip',
+  title: 'UI/Display/Tooltip/OverflowingTextWithTooltip',
   component: OverflowingTextWithTooltip,
 };
 

front/src/modules/ui/display/tooltip/__stories__/Tooltip.stories.tsx

@@ -7,7 +7,7 @@ import { CatalogStory } from '~/testing/types';
 import { AppTooltip as Tooltip, TooltipPosition } from '../AppTooltip';
 
 const meta: Meta<typeof Tooltip> = {
-  title: 'UI/Tooltip/Tooltip',
+  title: 'UI/Display/Tooltip/Tooltip',
   component: Tooltip,
 };
 

front/src/modules/ui/display/typography/components/__stories__/H1Title.stories.tsx

@@ -7,7 +7,7 @@ import { CatalogStory } from '~/testing/types';
 import { H1Title, H1TitleFontColor } from '../H1Title';
 
 const meta: Meta<typeof H1Title> = {
-  title: 'UI/Title/H1Title',
+  title: 'UI/Display/Typography/Title/H1Title',
   component: H1Title,
   decorators: [ComponentDecorator],
 };

front/src/modules/ui/display/typography/components/__stories__/H2Title.stories.tsx

@@ -10,7 +10,7 @@ const args = {
 };
 
 const meta: Meta<typeof H2Title> = {
-  title: 'UI/Title/H2Title',
+  title: 'UI/Display/Typography/Title/H2Title',
   component: H2Title,
   decorators: [ComponentDecorator],
   args: {