i18n: update add en src/pages/

- modified src/layouts/components/DefaultLayout.vue

    - ecosystem > not enable
        - favorite
        - all_blockchains

Author: Salman Wahib <hello@sxlmnwb.xyz>
Co-authored-by: liangping <18786721@qq.com>

src/pages/[...all].vue

@@ -5,17 +5,17 @@ import misc404 from '@/assets/images/pages/404.png';
 <template>
     <div class="pt-10">
         <div class="text-center">
-            <div class="text-8xl font-semibold text-main">404</div>
-            <div class="text-xl font-bold my-2">Page Not Found</div>
+            <div class="text-8xl font-semibold text-main">{{ $t('pages.title_all') }}</div>
+            <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
             <div class="text-base">
-                We couldn't find the page you are looking for.
+                {{ $t('pages.description_all') }}
             </div>
         </div>
 
         <!-- 👉 Image -->
         <div class="misc-avatar w-full text-center">
             <RouterLink to="/" class="btn no-underline btn-primary mt-4">
-                Back to Home
+                {{ $t('pages.btn_index') }}
             </RouterLink>
             <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
         </div>

src/pages/index.vue

@@ -48,17 +48,17 @@ const chainStore = useBlockchain()
         </svg>
       </div>
       <h1 class="text-primary dark:invert text-3xl md:!text-6xl font-bold">
-        Ping Dashboard
+        {{ $t('pages.title') }}
       </h1>
       <div class="badge badge-primary badge-outline dark:invert mt-1 text-sm md:!mt-8">
-        Beta
+        {{ $t('pages.tag') }}
       </div>
     </div>
     <div class="text-center text-base">
       <p class="mb-1">
-        {{ $t('index.slogan') }}
+        {{ $t('pages.slogan') }}
       </p>
-      <h2 class="mb-6">Cosmos Ecosystem Blockchains 🚀</h2>
+      <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
     <div
       v-if="dashboard.status !== LoadingStatus.Loaded"
@@ -69,7 +69,7 @@ const chainStore = useBlockchain()
 
     <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
       <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
-      <input :placeholder="$t('index.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
+      <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
       <div class="px-4 text-base hidden md:!block">{{ chains.length }}/{{ dashboard.length }}</div>
     </div>