feat: storybook split color palette (#1125)

Author: jpvsalvador

frontend/src/components/Board/AddCardOrComment.tsx

@@ -15,7 +15,7 @@ import AddCommentDto from '@/types/comment/addComment.dto';
 import UpdateCommentDto from '@/types/comment/updateComment.dto';
 import { styled } from '@/styles/stitches/stitches.config';
 import { CARD_TEXT_DEFAULT } from '@/utils/constants';
-import Icon from '../icons/Icon';
+import Icon from '../Primitives/Icon';
 
 const StyledForm = styled('form', Flex, { width: '100%' });
 

frontend/src/components/Board/Card/CardBoard.tsx

@@ -3,7 +3,7 @@ import { Draggable } from '@hello-pangea/dnd';
 
 import { styled } from '@/styles/stitches/stitches.config';
 
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import Flex from '@/components/Primitives/Flex';
 import Text from '@/components/Primitives/Text';
 import { cardBlur } from '@/helper/board/blurFilter';

frontend/src/components/Board/Card/CardFooter.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import Avatar from '@/components/Primitives/Avatar/Avatar';
 import Button from '@/components/Primitives/Button';
 import Flex from '@/components/Primitives/Flex';

frontend/src/components/Board/Card/CardItem/CardItemList.tsx

@@ -1,4 +1,4 @@
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import Flex from '@/components/Primitives/Flex';
 import Separator from '@/components/Primitives/Separator';
 import { CardItemType } from '@/types/card/cardItem';

frontend/src/components/Board/Card/PopoverSettings.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import {
   Popover,
   PopoverContent,

frontend/src/components/Board/Column/Column.tsx

@@ -8,7 +8,7 @@ import { ColumnBoardType } from '@/types/column';
 import { useSetRecoilState } from 'recoil';
 import { filteredColumnsState } from '@/store/board/atoms/filterColumns';
 import { countColumnCards } from '@/helper/board/countCards';
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import AddCardOrComment from '../AddCardOrComment';
 import CardsList from './CardsList';
 import SortMenu from './partials/SortMenu';

frontend/src/components/Board/Column/partials/OptionsMenu/index.tsx

@@ -1,4 +1,4 @@
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import Flex from '@/components/Primitives/Flex';
 import {
   Popover,

frontend/src/components/Board/Column/partials/SortMenu.tsx

@@ -1,4 +1,4 @@
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import {
   Popover,
   PopoverContent,

frontend/src/components/Board/Comment/Comments.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import Flex from '@/components/Primitives/Flex';
 import Separator from '@/components/Primitives/Separator';
 import Text from '@/components/Primitives/Text';

frontend/src/components/Board/Comment/PopoverSettings.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Icon from '@/components/icons/Icon';
+import Icon from '@/components/Primitives/Icon';
 import {
   Popover,
   PopoverContent,