feat: make title visible for everybody

Author: MatteoGabriele

app/pages/search.vue

@@ -588,10 +588,12 @@ defineOgImageComponent('Default', {
 </script>
 
 <template>
-  <main class="flex-1" :class="{ 'overflow-x-hidden': viewMode !== 'table' }">
-    <h1 class="sr-only">{{ $t('search.results') }}</h1>
-    <!-- Results area with container padding -->
-    <div class="container-sm py-6">
+  <main class="flex-1 py-8" :class="{ 'overflow-x-hidden': viewMode !== 'table' }">
+    <div class="container-sm">
+      <h1 class="font-mono text-2xl sm:text-3xl font-medium mb-4">
+        {{ $t('search.title') }}
+      </h1>
+
       <section v-if="query">
         <!-- Initial loading (only after user interaction, not during view transition) -->
         <LoadingSpinner v-if="showSearching" :text="$t('search.searching')" />

i18n/locales/en.json

@@ -27,7 +27,7 @@
     "found_packages": "No packages found | Found 1 package | Found {count} packages",
     "updating": "(updating...)",
     "no_results": "No packages found for \"{query}\"",
-    "results": "Search results",
+    "title": "Search",
     "not_taken": "{name} is not taken",
     "claim_prompt": "Claim this package name on npm",
     "claim_button": "Claim \"{name}\"",

i18n/locales/it-IT.json

@@ -24,7 +24,7 @@
     "found_packages": "Trovati {count} pacchetti",
     "updating": "(aggiornando...)",
     "no_results": "Nessun pacchetto trovato per \"{query}\"",
-    "results": "Risultati della ricerca",
+    "title": "Cerca",
     "not_taken": "{name} è disponibile",
     "claim_prompt": "Ottieni il nome di questo pacchetto su npm",
     "claim_button": "Ottieni \"{name}\"",