WIP: acct mgmt search bar and data grid header.

src/components/AccountMenu/SearchBar.vue

@@ -1,13 +1,21 @@
 <template>
-    <div id="search_bar_container" class="w-[280px] h-8 px-4 border-[#64748B] border-[1px] rounded-full	">
-
+    <div id="search_bar_container" class="flex w-[280px] h-8 px-4 items-center border-[#64748B] border-[1px] rounded-full 
+        justify-between">
+        <input id="input_search" class="w-full outline-0" :placeholder="i18next.t('AcctMgmt.Search')"/>
+        <img src="@/assets/icon-search.svg" class="w-[17px] h-[17px] flex"/>
     </div>
 </template>
 
 <script>
+import i18next from '@/i18n/i18n.js';
 export default {
     setup() {
 
+    },
+    data() {
+        return {
+            i18next: i18next,
+        }
     },
     created() {