Move TabHeader and TabPanel components to a common location

src/sidebar/components/HelpPanel.tsx

@@ -8,11 +8,11 @@ import { VersionData } from '../helpers/version-data';
 import { withServices } from '../service-context';
 import type { SessionService } from '../services/session';
 import { useSidebarStore } from '../store';
-import TabHeader from './ShareDialog/TabHeader';
-import TabPanel from './ShareDialog/TabPanel';
 import SidebarPanel from './SidebarPanel';
 import Tutorial from './Tutorial';
 import VersionInfo from './VersionInfo';
+import TabHeader from './tabs/TabHeader';
+import TabPanel from './tabs/TabPanel';
 
 type HelpPanelTabProps = {
   /** What the tab's link should say. */

src/sidebar/components/ShareDialog/ShareDialog.tsx

@@ -4,11 +4,11 @@ import { useState } from 'preact/hooks';
 
 import { useSidebarStore } from '../../store';
 import SidebarPanel from '../SidebarPanel';
+import TabHeader from '../tabs/TabHeader';
+import TabPanel from '../tabs/TabPanel';
 import ExportAnnotations from './ExportAnnotations';
 import ImportAnnotations from './ImportAnnotations';
 import ShareAnnotations from './ShareAnnotations';
-import TabHeader from './TabHeader';
-import TabPanel from './TabPanel';
 
 export type ShareDialogProps = {
   /** If true, the share tab will be rendered. Defaults to false */

src/sidebar/components/ShareDialog/test/ShareDialog-test.js

@@ -28,8 +28,8 @@ describe('ShareDialog', () => {
     $imports.$mock(mockImportedComponents());
     // Don't mock these related components for now
     $imports.$restore({
-      './TabHeader': true,
-      './TabPanel': true,
+      '../tabs/TabHeader': true,
+      '../tabs/TabPanel': true,
     });
     $imports.$mock({
       '../../store': { useSidebarStore: () => fakeStore },

src/sidebar/components/test/HelpPanel-test.js

@@ -48,8 +48,8 @@ describe('HelpPanel', () => {
     });
     $imports.$restore({
       // Rendering TabHeader and TabPanel is needed for a11y tests
-      './ShareDialog/TabHeader': true,
-      './ShareDialog/TabPanel': true,
+      './tabs/TabHeader': true,
+      './tabs/TabPanel': true,
     });
   });