feat: add latest epoch and latest block to landing page search

See: FE-163

Author: marcel-bitfly

frontend/layers/products/app/components/BlockchainSearchInput.vue

@@ -21,7 +21,7 @@ const { t: $t } = useTranslation()
 
 const emit = defineEmits<{
   (e: 'search', input: string): void,
-  (e: 'click:example', type: 'address' | 'token' | 'transaction' | 'validator'): void,
+  (e: 'click:example', type: 'address' | 'latest_block' | 'latest_epoch' | 'token' | 'transaction' | 'validator'): void,
 }>()
 
 const searchParams = defineModel<BlockchainSearchParams>({
@@ -98,7 +98,7 @@ watch(hasResults, () => {
   isHistoryVisible.value = true
 })
 const searchInput = useTemplateRef<ComponentPublicInstance | null>('searchInput')
-const handleClickExample = (type: 'address' | 'token' | 'transaction' | 'validator') => {
+const handleClickExample = (type: 'address' | 'latest_block' | 'latest_epoch' | 'token' | 'transaction' | 'validator') => {
   emit('click:example', type)
   isHistoryVisible.value = false
   const input = searchInput.value?.$el.querySelector('input')
@@ -124,16 +124,14 @@ const handleClickExample = (type: 'address' | 'token' | 'transaction' | 'validat
           <BaseChip
             :is-selected="false"
             icon="cube"
-            :aria-label="$t('products.landing_page.search.examples.transaction')"
-            @click="emit('click:example', 'transaction')"
+            @click="handleClickExample('latest_block')"
           >
             {{ $t('products.landing_page.search.examples.latest_block') }}
           </BaseChip>
           <BaseChip
             :is-selected="false"
             icon="chart-line"
-            :aria-label="$t('products.landing_page.search.examples.transaction')"
-            @click="emit('click:example', 'transaction')"
+            @click="handleClickExample('latest_epoch')"
           >
             {{ $t('products.landing_page.search.examples.latest_epoch') }}
           </BaseChip>

frontend/layers/products/app/pages/products/index.vue

@@ -73,14 +73,28 @@ const handleSearch = (input: string) => {
   execute()
 }
 
-const handleExampleClick = (type: 'address' | 'token' | 'transaction' | 'validator') => {
+const handleExampleClick = (type: 'address' | 'latest_block' | 'latest_epoch' | 'token' | 'transaction' | 'validator') => {
   if (type === 'address') {
     searchParams.value = {
       ...searchParams.value,
       input: '0x5AbfEc25f74Cd88437631A7731906932776356f9',
       types: [ 'address' ],
     }
   }
+  if (type === 'latest_block') {
+    searchParams.value = {
+      ...searchParams.value,
+      input: '/latest',
+      types: [ 'block' ],
+    }
+  }
+  if (type === 'latest_epoch') {
+    searchParams.value = {
+      ...searchParams.value,
+      input: '/latest',
+      types: [ 'epoch' ],
+    }
+  }
   if (type === 'token') {
     searchParams.value = {
       ...searchParams.value,