refactor: extract navigation elements

apps/client/src/features/app-settings/panel/feature-settings-panel/UrlPresetsForm.tsx

@@ -198,7 +198,7 @@ export default function UrlPresetsForm() {
                       <TooltipActionBtn
                         size='sm'
                         isDisabled={!canTest}
-                        clickHandler={(event) => handleLinks(event, preset.alias)}
+                        clickHandler={(event) => handleLinks(preset.alias, event)}
                         tooltip='Test preset'
                         aria-label='Test preset'
                         variant='ontime-ghosted'

apps/client/src/features/app-settings/panel/network-panel/NetworkLogExport.tsx

@@ -10,7 +10,7 @@ import style from './NetworkLogExport.module.scss';
 
 export default function LogExport() {
   const extract = (event: MouseEvent) => {
-    handleLinks(event, 'log');
+    handleLinks('log', event);
   };
 
   return (

apps/client/src/features/control/message/MessageControlExport.jsx

@@ -15,7 +15,7 @@ const MessageControlExport = () => {
 
   return (
     <div className={style.messages} data-testid='panel-messages-control'>
-      {!isExtracted && <Corner onClick={(event) => handleLinks(event, 'messagecontrol')} />}
+      {!isExtracted && <Corner onClick={(event) => handleLinks('messagecontrol', event)} />}
       <div className={classes}>
         <ErrorBoundary>
           <MessageControl />

apps/client/src/features/control/message/TimerPreview.tsx

@@ -49,7 +49,7 @@ export default function TimerPreview() {
 
   return (
     <div className={style.preview}>
-      <Corner onClick={(event) => handleLinks(event, 'timer')} />
+      <Corner onClick={(event) => handleLinks('timer', event)} />
       <div className={contentClasses}>
         <div
           className={style.mainContent}

apps/client/src/features/control/playback/TimerControlExport.tsx

@@ -12,7 +12,7 @@ const TimerControlExport = () => {
   const isExtracted = window.location.pathname.includes('/timercontrol');
   return (
     <div className={style.playback} data-testid='panel-timer-control'>
-      {!isExtracted && <Corner onClick={(event) => handleLinks(event, 'timercontrol')} />}
+      {!isExtracted && <Corner onClick={(event) => handleLinks('timercontrol', event)} />}
       <div className={style.content}>
         <ErrorBoundary>
           <PlaybackControl />

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

@@ -28,7 +28,7 @@ function RundownExport() {
       <div className={style.rundown}>
         <div className={style.list}>
           <ErrorBoundary>
-            {!isExtracted && <Corner onClick={(event) => handleLinks(event, 'rundown')} />}
+            {!isExtracted && <Corner onClick={(event) => handleLinks('rundown', event)} />}
             <ContextMenu>
               <RundownWrapper />
             </ContextMenu>