fix: use ~ in preference to @ for npm users

Author: danielroe

app/components/OrgMembersPanel.vue

@@ -433,7 +433,7 @@ watch(lastExecutionTime, () => {
               :to="{ name: '~username', params: { username: member.name } }"
               class="font-mono text-sm text-fg hover:text-fg transition-colors duration-200"
             >
-              @{{ member.name }}
+              ~{{ member.name }}
             </NuxtLink>
             <span
               class="px-1.5 py-0.5 font-mono text-xs border rounded"

app/components/OrgTeamsPanel.vue

@@ -423,7 +423,7 @@ watch(lastExecutionTime, () => {
                 :to="{ name: '~username', params: { username: user } }"
                 class="font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200"
               >
-                @{{ user }}
+                ~{{ user }}
               </NuxtLink>
               <span class="font-mono text-sm text-fg">{{ teamName }}</span>
               <button

app/components/PackageCard.vue

@@ -87,7 +87,7 @@ const isExactMatch = computed(() => {
               class="flex items-center gap-1.5"
             >
               <dt class="sr-only">{{ $t('package.card.publisher') }}</dt>
-              <dd class="font-mono">@{{ result.package.publisher.username }}</dd>
+              <dd class="font-mono">{{ result.package.publisher.username }}</dd>
             </div>
             <div v-if="result.package.date" class="flex items-center gap-1.5">
               <dt class="sr-only">{{ $t('package.card.updated') }}</dt>

app/pages/~[username]/orgs.vue

@@ -130,7 +130,7 @@ defineOgImageComponent('Default', {
           }}</span>
         </div>
         <div>
-          <h1 class="font-mono text-2xl sm:text-3xl font-medium">@{{ username }}</h1>
+          <h1 class="font-mono text-2xl sm:text-3xl font-medium">~{{ username }}</h1>
           <p class="text-fg-muted text-sm mt-1">{{ $t('user.orgs_page.title') }}</p>
         </div>
       </div>