WIP: validate confirm password and show error message

src/views/AccountManagement/ModalAccountInfo.vue

@@ -4,7 +4,7 @@
         <ModalHeader :headerText='i18next.t("AcctMgmt.AccountInformation")'/>
         <main class="flex main-part flex-col px-6 mt-6">
             <h1 id="acct_info_user_name" class="text-[32px] leading-[64px] font-medium">{{ fullName }}</h1>
-            <div class="status-container">Admin Suspended</div>
+            <div class="status-container"><Badge displayText="Admin" isActivated/> <Badge displayText="Suspended" :isActivated="false"/></div>
             <div id="account_visit_info" class="border-b border-b-[#CBD5E1] border-b-[1px] pb-4">
                 Account: <span class="text-[#0099FF]">{{ account }}</span>, total visits <span class="text-[#0099FF]">{{ visitTiime }}</span> times.
             </div>
@@ -22,8 +22,9 @@
 
 <script>
 import i18next from '@/i18n/i18n.js';
-import ModalHeader from './ModalHeader.vue';
 import useAcctMgmtStore from '@/stores/acctMgmt.js';
+import ModalHeader from './ModalHeader.vue';
+import Badge from '../../components/Badge.vue';
 
 export default {
     setup(){
@@ -51,6 +52,7 @@ export default {
     },
     components: {
         ModalHeader,
+        Badge,
     }
 }
 </script>