chore: Tweak popup text

src/lib/components/McWrapper.svelte

@@ -8,11 +8,13 @@
   let {
     children,
     shouldCheckDiagramType = true,
-    side = 'bottom'
+    side = 'bottom',
+    labelPrefix = 'Opens a new tab in'
   }: {
     children: Snippet;
     shouldCheckDiagramType?: boolean;
     side?: ComponentProps<typeof Tooltip.Content>['side'];
+    labelPrefix?: string;
   } = $props();
 
   let shouldDisableComponent = $derived(
@@ -37,7 +39,8 @@
           {:else}
             <ExternalLinkIcon />
             <span class="flex items-center gap-1">
-              Opens a new tab in <div class="text-accent">MermaidChart.com</div>
+              {labelPrefix}
+              <div class="text-accent">MermaidChart.com</div>
             </span>
           {/if}
         </div>

src/lib/components/Navbar.svelte

@@ -94,7 +94,7 @@
         Live Editor
       </a>
 
-      <McWrapper>
+      <McWrapper labelPrefix="Opens the current diagram in">
         <div class="hidden items-center justify-center gap-4 md:flex">
           <Separator orientation="vertical" />
           <Switch