refactor: reduce scope of context

apps/client/src/App.tsx

@@ -3,7 +3,6 @@ import { ChakraProvider } from '@chakra-ui/react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
-import { ContextMenu } from './common/components/context-menu/ContextMenu';
 import ErrorBoundary from './common/components/error-boundary/ErrorBoundary';
 import { AppContextProvider } from './common/context/AppContext';
 import { ontimeQueryClient } from './common/queryClient';
@@ -25,9 +24,7 @@ function App() {
             <div className='App'>
               <ErrorBoundary>
                 <TranslationProvider>
-                  <ContextMenu>
+                  <AppRouter />
-                    <AppRouter />
-                  </ContextMenu>
                 </TranslationProvider>
               </ErrorBoundary>
               <ReactQueryDevtools initialIsOpen={false} />

apps/client/src/common/components/context-menu/ContextMenu.tsx

@@ -75,6 +75,7 @@ export const ContextMenu = ({ children }: ContextMenuProps) => {
           w={1}
           h={1}
           style={{
+            position: 'fixed',
             left: coords.x,
             top: coords.y,
           }}

apps/client/src/features/rundown/RundownExport.tsx

@@ -1,6 +1,7 @@
 import { memo } from 'react';
 import { IoArrowUp } from '@react-icons/all-files/io5/IoArrowUp';
 
+import { ContextMenu } from '../../common/components/context-menu/ContextMenu';
 import ErrorBoundary from '../../common/components/error-boundary/ErrorBoundary';
 import { handleLinks } from '../../common/utils/linkUtils';
 import { cx } from '../../common/utils/styleUtils';
@@ -21,7 +22,9 @@ const RundownExport = () => {
         <div className={style.list}>
           <ErrorBoundary>
             {!isExtracted && <IoArrowUp className={style.corner} onClick={(event) => handleLinks(event, 'rundown')} />}
-            <RundownWrapper />
+            <ContextMenu>
+              <RundownWrapper />
+            </ContextMenu>
           </ErrorBoundary>
         </div>
         <div className={style.side}>