add search bar in detail page

src/locales/en.js

@@ -245,6 +245,7 @@ export default {
     'Disable': 'Disable',
     'Disabled': 'Disabled',
     'Version': 'Version',
+    'Search': 'Search',
     'User': 'User',
     'Application': 'Application',
     'Details': 'Details',

src/locales/zh_Hans.js

@@ -245,6 +245,7 @@ export default {
     'Disable': '禁用',
     'Disabled': '禁用',
     'Version': '版本',
+    'Search': '搜索',
     'User': '用户',
     'Application': '应用',
     'Details': '详情',

src/views/mobile/transactions/Detail.vue

@@ -1,6 +1,14 @@
 <template>
     <f7-page>
-        <f7-navbar :title="$t('Transaction Details')" :back-link="$t('Back')"></f7-navbar>
+        <f7-navbar :title="$t('Transaction Details')" :back-link="$t('Back')">
+            <f7-subnavbar :inner="false">
+                <f7-searchbar
+                    :custom-search="true"
+                    :placeholder="$t('Search')"
+                    :disable-button-text="$t('Cancel')"
+                ></f7-searchbar>
+            </f7-subnavbar>
+        </f7-navbar>
 
         <f7-list media-list class="skeleton-text">
             <f7-list-item title="Placeholder"></f7-list-item>