Add a popup for the OpenTab signalling that the tab should be opened.

Author: nedtwigg

src/components/Badge.tsx

@@ -6,13 +6,15 @@ import { badgeCVA, typeColors, typeIcons } from '@/components/design'
 import { CodePreview } from './BadgePopups/CodePreview'
 import { ImagePreview } from './BadgePopups/ImagePreview'
 import { LinkPreview } from './BadgePopups/LinkPreview'
+import { OpenTabPopup } from './BadgePopups/OpenTabPopup'
 import { TextPreview } from './BadgePopups/TextPreview'
 import { TimePreview } from './BadgePopups/TimePreview'
 
 const typePopups = {
   code: CodePreview,
   image: ImagePreview,
   link: LinkPreview,
+  open: OpenTabPopup,
   text: TextPreview,
   time: TimePreview,
 } satisfies Partial<Record<keyof typeof typeIcons, () => JSX.Element>>

src/components/BadgePopups/OpenTabPopup.tsx

@@ -0,0 +1,8 @@
+export function OpenTabPopup() {
+  return (
+    <>
+      <p>Tab is already open.</p>
+      <p>Click to activate.</p>
+    </>
+  )
+}