Add new story for darkmode (#317)

* Add a new story for dark mode

* Reorganize storybook menu

* Fix command menu margins

* Fix tests

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

@@ -7,7 +7,7 @@ import { CellCommentChip } from '../CellCommentChip';
 import { CommentChip } from '../CommentChip';
 
 const meta: Meta<typeof CellCommentChip> = {
-  title: 'Comments/CellCommentChip',
+  title: 'Modules/Comments/CellCommentChip',
   component: CellCommentChip,
 };
 

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

@@ -9,7 +9,7 @@ import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 import { CommentHeader } from '../CommentHeader';
 
 const meta: Meta<typeof CommentHeader> = {
-  title: 'Comments/CommentHeader',
+  title: 'Modules/Comments/CommentHeader',
   component: CommentHeader,
 };
 

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

@@ -8,7 +8,7 @@ import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 import { CommentThreadRelationPicker } from '../CommentThreadRelationPicker';
 
 const meta: Meta<typeof CommentThreadRelationPicker> = {
-  title: 'Comments/CommentThreadRelationPicker',
+  title: 'Modules/Comments/CommentThreadRelationPicker',
   component: CommentThreadRelationPicker,
   parameters: {
     msw: graphqlMocks,

front/src/modules/search/components/CommandMenuStyles.tsx

@@ -10,7 +10,6 @@ export const StyledDialog = styled(Command.Dialog)`
   max-width: 640px;
   overflow: hidden;
   padding: 0;
-  padding: 25px;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);

front/src/modules/search/components/__stories__/CommandMenu.stories.tsx

@@ -5,7 +5,7 @@ import { getRenderWrapperForPage } from '~/testing/renderWrappers';
 import { CommandMenu } from '../CommandMenu';
 
 const meta: Meta<typeof CommandMenu> = {
-  title: 'Pages/Search/CommandMenu',
+  title: 'Modules/Search/CommandMenu',
   component: CommandMenu,
 };
 

front/src/modules/ui/components/menu/stories/DropdownMenu.stories.tsx

@@ -16,7 +16,7 @@ import { DropdownMenuSelectableItem } from '../DropdownMenuSelectableItem';
 import { DropdownMenuSeparator } from '../DropdownMenuSeparator';
 
 const meta: Meta<typeof DropdownMenu> = {
-  title: 'Components/DropdownMenu',
+  title: 'UI/Menu/DropdownMenu',
   component: DropdownMenu,
 };
 

front/src/modules/ui/layout/states/isThemeEnabledState.ts

@@ -1,6 +0,0 @@
-import { atom } from 'recoil';
-
-export const isThemeEnabledState = atom<boolean>({
-  key: 'isThemeEnabledState',
-  default: true,
-});

front/src/modules/users/components/__stories__/Avatar.stories.tsx

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