fix: responsive tags layout on mobile

app/components/Hero.vue

@@ -95,10 +95,10 @@ function trackChannel() {
                   <p class="text-lg font-semibold text-slate-900">AI-собеседник и мгновенные подсказки</p>
                 </div>
               </div>
-              <div class="mt-4 grid grid-cols-3 gap-2 text-xs text-slate-700">
+              <div class="mt-4 flex flex-wrap justify-center gap-2 text-xs text-slate-700">
-                <span class="rounded-full bg-blue-50 px-3 py-2 text-center text-blue-800">Ресторан</span>
+                <span class="rounded-full bg-blue-50 px-3 py-2 text-blue-800">Ресторан</span>
-                <span class="rounded-full bg-indigo-50 px-3 py-2 text-center text-indigo-800">Путешествия</span>
+                <span class="rounded-full bg-indigo-50 px-3 py-2 text-indigo-800">Путешествия</span>
-                <span class="rounded-full bg-slate-100 px-3 py-2 text-center text-slate-800">Работа</span>
+                <span class="rounded-full bg-slate-100 px-3 py-2 text-slate-800">Работа</span>
               </div>
             </div>
           </div>