Show Entity task/note tabs (#1282)

* - show task tab
- tab bar

* - add notes tab

* - fixed unused style

* - add button
- fixed company edit note test

* - fixed merge & dropdown

* - added Tests
- refactored directory structure activities
- moved Task/Note Pages to corresponding modules
- fixed TabList

* lint

front/src/modules/ui/layout/page-bar/components/PageBar.tsx

@@ -4,8 +4,10 @@ import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
 import { IconButton } from '@/ui/button/components/IconButton';
+import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
 import { IconChevronLeft, IconHeart, IconPlus } from '@/ui/icon/index';
 import NavCollapseButton from '@/ui/navbar/components/NavCollapseButton';
+import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 
 import { navbarIconSize } from '../../../navbar/constants';
@@ -70,6 +72,7 @@ type OwnProps = {
   icon: ReactNode;
   onAddButtonClick?: () => void;
   onFavoriteButtonClick?: () => void;
+  extraButtons?: ReactNode[];
 };
 
 export function PageBar({
@@ -79,6 +82,7 @@ export function PageBar({
   icon,
   onAddButtonClick,
   onFavoriteButtonClick,
+  extraButtons,
 }: OwnProps) {
   const navigate = useNavigate();
   const navigateBack = useCallback(() => navigate(-1), [navigate]);
@@ -113,28 +117,31 @@ export function PageBar({
             </StyledTitleContainer>
           </StyledTopBarIconTitleContainer>
         </StyledLeftContainer>
-        <StyledActionButtonsContainer>
-          {onFavoriteButtonClick && (
-            <IconButton
-              icon={<IconHeart size={16} />}
-              size="large"
-              data-testid="add-button"
-              textColor={isFavorite ? 'danger' : 'secondary'}
-              onClick={onFavoriteButtonClick}
-              variant="border"
-            />
-          )}
-          {onAddButtonClick && (
-            <IconButton
-              icon={<IconPlus size={16} />}
-              size="large"
-              data-testid="add-button"
-              textColor="secondary"
-              onClick={onAddButtonClick}
-              variant="border"
-            />
-          )}
-        </StyledActionButtonsContainer>
+        <RecoilScope SpecificContext={DropdownRecoilScopeContext}>
+          <StyledActionButtonsContainer>
+            {onFavoriteButtonClick && (
+              <IconButton
+                icon={<IconHeart size={16} />}
+                size="large"
+                data-testid="add-button"
+                textColor={isFavorite ? 'danger' : 'secondary'}
+                onClick={onFavoriteButtonClick}
+                variant="border"
+              />
+            )}
+            {onAddButtonClick && (
+              <IconButton
+                icon={<IconPlus size={16} />}
+                size="large"
+                data-testid="add-button"
+                textColor="secondary"
+                onClick={onAddButtonClick}
+                variant="border"
+              />
+            )}
+            {extraButtons}
+          </StyledActionButtonsContainer>
+        </RecoilScope>
       </StyledTopBarContainer>
     </>
   );