chore: add i18n to search bar

src/_locales/cmn-CN.yml

@@ -284,3 +284,6 @@ watch_later:
   remove_watched_videos_confirm: |-
     要清除已观看的视频吗？
     该操作无法撤销，你确定要清除已观看的视频吗？
+search_bar:
+  history_title: 搜索历史
+  clear_history: 清空搜索历史

src/_locales/cmn-TW.yml

@@ -285,3 +285,6 @@ watch_later:
   remove_watched_videos_confirm: |-
     要移除看過的影片嗎？
     此操作無法撤消，你確定要移除看過的影片嗎？
+search_bar:
+  history_title: 搜尋紀錄
+  clear_history: 清空搜尋紀錄

src/_locales/en.yml

@@ -284,3 +284,6 @@ watch_later:
   remove_watched_videos_confirm: |-
     Remove watched videos?
     This operation cannot be reversed. Are you sure you want to remove watched videos?
+search_bar:
+  history_title: Search History
+  clear_history: Clear search history

src/_locales/jyut.yml

@@ -285,3 +285,6 @@ watch_later:
   remove_watched_videos_confirm: |-
     係咪要剷走你睇過啲片呀？
     噉做冇得返轉頭噃，你確定要剷走你睇過啲片？
+search_bar:
+  history_title: 搜尋記錄
+  clear_history: 剷晒你嘅搜尋紀錄

src/components/SearchBar/SearchBar.vue

@@ -209,9 +209,9 @@ watchOnce(isFocus, async (focus) => {
       >
         <div class="history-list flex flex-col gap-y-2">
           <div class="title p-2 pb-0 flex justify-between">
-            <span>搜索历史</span>
+            <span>{{ $t('search_bar.history_title') }}</span>
             <button class="rounded-2 duration-300 pointer-events-auto cursor-pointer" hover="text-$bew-theme-color" text="base $bew-text-2" @click="handleClearSearchHistory">
-              清空
+              {{ $t('search_bar.clear_history') }}
             </button>
           </div>