fix: add non-breaking spaces in between pm commands

Author: danielroe

app/components/ConnectorModal.vue

@@ -105,7 +105,7 @@ watch(open, isOpen => {
 
               <div class="p-3 bg-[#0d0d0d] border border-border rounded-lg font-mono text-sm">
                 <span class="text-fg-subtle">$</span>
-                <span class="text-fg ml-2">npx npmx-connector</span>
+                <span class="text-fg ml-2">npx&nbsp;npmx-connector</span>
               </div>
 
               <p class="text-sm text-fg-muted">Then paste the token shown in your terminal:</p>

app/pages/package/[...name].vue

@@ -495,15 +495,15 @@ defineOgImageComponent('Package', {
               <span class="text-fg-subtle font-mono text-sm select-none">$</span>
               <code class="font-mono text-sm"
                 ><ClientOnly
-                  ><span class="text-fg">{{ selectedPMLabel }}</span>
-                  <span class="text-fg-muted">{{ selectedPMAction }}</span
+                  ><span class="text-fg">{{ selectedPMLabel }}</span
+                  >&nbsp;<span class="text-fg-muted">{{ selectedPMAction }}</span
                   ><span v-if="selectedPM !== 'deno'" class="text-fg-muted"
                     >&nbsp;{{ pkg.name }}</span
                   ><span v-else class="text-fg-muted">{{ pkg.name }}</span
                   ><span v-if="requestedVersion" class="text-fg-muted">@{{ requestedVersion }}</span
                   ><template #fallback
                     ><span class="text-fg">npm</span>&nbsp;<span class="text-fg-muted"
-                      >install {{ pkg.name }}</span
+                      >install&nbsp;{{ pkg.name }}</span
                     ></template
                   ></ClientOnly
                 ></code