feat: unify the style of `under construction` page (#2483)

locales/ar.json

@@ -542,7 +542,8 @@
       },
       "featured_tags": {
         "description": "يمكن للأشخاص تصفح مشاركاتك العامة تحت علامات الهاشتاغ هذه",
-        "label": "الهاشتاغ البارزة"
+        "label": "الهاشتاغ البارزة",
+        "under_construction": "تحت التطوير"
       },
       "label": "الملف الشخصي"
     },

locales/ca.json

@@ -437,7 +437,8 @@
       },
       "featured_tags": {
         "description": "La gent pot navegar per les teves publicacions públiques amb aquests hashtags.",
-        "label": "Hashtags destacats"
+        "label": "Hashtags destacats",
+        "under_construction": "En construcció"
       },
       "label": "Perfil"
     },

locales/de-DE.json

@@ -533,7 +533,8 @@
       },
       "featured_tags": {
         "description": "Leute können deine öffentlichen Beiträge mit diesen Hashtags ansehen.",
-        "label": "Ausgewählte Hashtags"
+        "label": "Ausgewählte Hashtags",
+        "under_construction": "In Bearbeitung"
       },
       "label": "Profil"
     },

locales/en.json

@@ -545,7 +545,8 @@
       },
       "featured_tags": {
         "description": "People can browse your public posts under these hashtags.",
-        "label": "Featured hashtags"
+        "label": "Featured hashtags",
+        "under_construction": "Under construction"
       },
       "label": "Profile"
     },

locales/es-419.json

@@ -163,7 +163,8 @@
       },
       "featured_tags": {
         "description": "Los usuarios navegan por tus publicaciones públicas con estas etiquetas.",
-        "label": "Etiquetas destacadas"
+        "label": "Etiquetas destacadas",
+        "under_construction": "En desarrollo"
       }
     },
     "users": {

locales/es.json

@@ -536,7 +536,8 @@
       },
       "featured_tags": {
         "description": "Las personas pueden navegar por tus publicaciones públicas con estas etiquetas.",
-        "label": "Etiquetas destacadas"
+        "label": "Etiquetas destacadas",
+        "under_construction": "En construcción"
       },
       "label": "Perfil"
     },

locales/eu-ES.json

@@ -544,7 +544,8 @@
       },
       "featured_tags": {
         "description": "Jendeak traola hauek dituzten zure bidalketa publikoak ikus ditzazke.",
-        "label": "Nabarmendutako traolak"
+        "label": "Nabarmendutako traolak",
+        "under_construction": "Amaitzeke"
       },
       "label": "Profila"
     },

locales/fi-FI.json

@@ -534,7 +534,8 @@
       },
       "featured_tags": {
         "description": "Ihmiset voivat selata julkisia julkaisujasi näillä aihetunnisteilla.",
-        "label": "Esiteltävät aihetunnisteet"
+        "label": "Esiteltävät aihetunnisteet",
+        "under_construction": "Rakenteilla"
       },
       "label": "Profiili"
     },

locales/fr-FR.json

@@ -537,7 +537,8 @@
       },
       "featured_tags": {
         "description": "Les gens peuvent parcourir vos messages publics sous ces hashtags.",
-        "label": "Hashtags en vedette"
+        "label": "Hashtags en vedette",
+        "under_construction": "En construction"
       },
       "label": "Profil"
     },

locales/gl-ES.json

@@ -465,7 +465,8 @@
       },
       "featured_tags": {
         "description": "Será posible buscar as túas publicacións públicas con estos cancelos.",
-        "label": "Cancelos destacados"
+        "label": "Cancelos destacados",
+        "under_construction": "En desenvolvemento"
       },
       "label": "Perfil"
     },

locales/hu-HU.json

@@ -545,7 +545,8 @@
       },
       "featured_tags": {
         "description": "Az emberek ezen hashtagek alatt böngészhetik nyilvános bejegyzéseit.",
-        "label": "Kiemelt hashtagek"
+        "label": "Kiemelt hashtagek",
+        "under_construction": "Felújítás alatt"
       },
       "label": "Profil"
     },

locales/id-ID.json

@@ -544,7 +544,8 @@
       },
       "featured_tags": {
         "description": "Orang-orang dapat menelusuri kiriman publik Anda di bawah tagar ini.",
-        "label": "Tagar unggulan"
+        "label": "Tagar unggulan",
+        "under_construction": "Dalam masa pembangunan"
       },
       "label": "Profil"
     },

locales/it-IT.json

@@ -545,7 +545,8 @@
       },
       "featured_tags": {
         "description": "Le altre persone possono sfogliare i tuoi post pubblici raccolti sotto questi hashtag.",
-        "label": "Hashtag in evidenza"
+        "label": "Hashtag in evidenza",
+        "under_construction": "Lavori in corso"
       },
       "label": "Profilo"
     },

locales/ja-JP.json

@@ -538,7 +538,8 @@
       },
       "featured_tags": {
         "description": "他のユーザーはこれらのハッシュタグであなたの公開投稿を閲覧できます。",
-        "label": "注目のハッシュタグ"
+        "label": "注目のハッシュタグ",
+        "under_construction": "工事中"
       },
       "label": "プロフィール"
     },

locales/pl-PL.json

@@ -472,7 +472,8 @@
       },
       "featured_tags": {
         "description": "Ludzie mogą przeglądać Twoje publiczne wpisy pod tymi hasztagami.",
-        "label": "Polecane hasztagi"
+        "label": "Polecane hasztagi",
+        "under_construction": "W budowie"
       },
       "label": "Profil"
     },

locales/pt.json

@@ -545,7 +545,8 @@
       },
       "featured_tags": {
         "description": "As pessoas podem encontrar as suas publicações públicas que incluem essas hashtags.",
-        "label": "Hashtags destacadas"
+        "label": "Hashtags destacadas",
+        "under_construction": "Em construção"
       },
       "label": "Perfil"
     },

locales/ru-RU.json

@@ -529,7 +529,8 @@
       },
       "featured_tags": {
         "description": "Люди могут просматривать ваши публичные посты под этими хэштегами.",
-        "label": "Рекомендуемые хэштеги"
+        "label": "Рекомендуемые хэштеги",
+        "under_construction": "В разработке"
       },
       "label": "Профиль"
     },

locales/th-TH.json

@@ -486,7 +486,8 @@
       },
       "featured_tags": {
         "description": "ผู้คนสามารถเรียกดูโพสต์สาธารณะของคุณภายใต้แฮชแท็กเหล่านี้",
-        "label": "แฮชแท็กเด่น"
+        "label": "แฮชแท็กเด่น",
+        "under_construction": "อยู่ระหว่างพัฒนา"
       },
       "label": "โปรไฟล์"
     },

locales/tl-PH.json

@@ -469,7 +469,8 @@
       },
       "featured_tags": {
         "description": "Maaring i-browse ng mga tao ang iyong mga public post gamit ang mga hashtags na ito.",
-        "label": "Napiling mga hashtags"
+        "label": "Napiling mga hashtags",
+        "under_construction": "Nasa ilalim ng konstruksyon"
       },
       "label": "Profile"
     },

locales/tr-TR.json

@@ -474,7 +474,8 @@
       },
       "featured_tags": {
         "description": "İnsanlar bu etiketlerler altında herkese açık gönderilerinize göz atabilir.",
-        "label": "Öne çıkan etiketler"
+        "label": "Öne çıkan etiketler",
+        "under_construction": "Yapım halinde"
       },
       "label": "Profil"
     },

locales/vi-VN.json

@@ -542,7 +542,8 @@
       },
       "featured_tags": {
         "description": "Mọi người có thể tìm các tút công khai có chứa những hashtag đó.",
-        "label": "Hashtag thường dùng"
+        "label": "Hashtag thường dùng",
+        "under_construction": "Đang được xây dựng"
       },
       "label": "Hồ sơ"
     },

locales/zh-CN.json

@@ -539,7 +539,8 @@
       },
       "featured_tags": {
         "description": "人们可以在这些标签下浏览你的公共嘟文。",
-        "label": "精选话题标签"
+        "label": "精选话题标签",
+        "under_construction": "建设中"
       },
       "label": "个人资料"
     },

locales/zh-TW.json

@@ -424,7 +424,8 @@
       },
       "featured_tags": {
         "description": "人們可以在這些標籤下瀏覽你的公開嘟文。",
-        "label": "精選的話題標籤"
+        "label": "精選的話題標籤",
+        "under_construction": "建立中"
       },
       "label": "個人資料"
     },

pages/settings/notifications/notifications.vue

@@ -14,14 +14,18 @@ useHydratedHead({
   <MainContent back>
     <template #title>
       <div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
+        <div i-ri:test-tube-line />
         <span>{{ isHydrated ? $t('settings.notifications.notifications.label') : '' }}</span>
       </div>
     </template>
-    <h3 px6 py4 mt2 font-bold text-xl flex="~ gap-1" items-center>
+    <div text-center mt-10>
-      {{ isHydrated ? $t('settings.notifications.notifications.label') : '' }}
+      <h1 text-4xl>
-    </h3>
+        <span sr-only>{{ isHydrated ? $t('settings.notifications.under_construction') : '' }}</span>
-    <p text-4xl text-center>
+        🚧
-      <span sr-only>{{ isHydrated ? $t('settings.notifications.under_construction') : '' }}</span> 🚧
+      </h1>
-    </p>
+      <h3 text-xl>
+        {{ isHydrated ? $t('settings.notifications.notifications.label') : '' }}
+      </h3>
+    </div>
   </MainContent>
 </template>

pages/settings/profile/featured-tags.vue

@@ -20,6 +20,7 @@ useHydratedHead({
     </template>
     <div text-center mt-10>
       <h1 text-4xl>
+        <span sr-only>{{ $t('settings.profile.featured_tags.under_construction') }}</span>
         🚧
       </h1>
       <h3 text-xl>