Fix bug Opportunities add Plus button z-index

front/src/modules/ui/layout/components/PageHeader.tsx

@@ -27,6 +27,7 @@ const StyledTopBarContainer = styled.div`
   padding: ${({ theme }) => theme.spacing(2)};
   padding-left: 0;
   padding-right: ${({ theme }) => theme.spacing(3)};
+  z-index: 20;
 `;
 
 const StyledLeftContainer = styled.div`

front/src/pages/opportunities/Opportunities.tsx

@@ -1,5 +1,3 @@
-import styled from '@emotion/styled';
-
 import { CompanyBoard } from '@/companies/board/components/CompanyBoard';
 import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 import { PipelineAddButton } from '@/pipeline/components/PipelineAddButton';
@@ -14,11 +12,6 @@ import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope'
 import { useUpdatePipelineStageMutation } from '~/generated/graphql';
 import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
 
-const StyledPageHeader = styled(PageHeader)`
-  position: relative;
-  z-index: 2;
-`;
-
 export function Opportunities() {
   const { handlePipelineStageAdd, handlePipelineStageDelete } =
     usePipelineStages();
@@ -50,11 +43,11 @@ export function Opportunities() {
   return (
     <PageContainer>
       <RecoilScope>
-        <StyledPageHeader title="Opportunities" Icon={IconTargetArrow}>
+        <PageHeader title="Opportunities" Icon={IconTargetArrow}>
           <RecoilScope SpecificContext={DropdownRecoilScopeContext}>
             <PipelineAddButton />
           </RecoilScope>
-        </StyledPageHeader>
+        </PageHeader>
         <PageBody>
           <BoardOptionsContext.Provider value={opportunitiesBoardOptions}>
             <RecoilScope