fix: remove all the delete super admin entries

src/routes/setting/MyAccount.tsx

@@ -102,7 +102,8 @@ const StyledWrapper = styled.div`
 `;
 type EditFields = "name" | "email";
 export default function MyAccount() {
-  const { t } = useTranslation(["member", "common"]);
+  const { t } = useTranslation("member");
+  const { t: ct } = useTranslation();
   const [passwordModal, setPasswordModal] = useState(false);
   const [editModal, setEditModal] = useState<EditFields | null>(null);
   const [removeConfirmVisible, setRemoveConfirmVisible] = useState(false);
@@ -164,7 +165,7 @@ export default function MyAccount() {
               </span>
             </div>
             <button data-edit="name" onClick={handleBasicEdit} className="btn">
-              {t("action.edit", { ns: "common" })}
+              {ct("action.edit")}
             </button>
           </div>
           <div className="row">
@@ -173,7 +174,7 @@ export default function MyAccount() {
               <span className="txt">{email}</span>
             </div>
             <button data-edit="email" onClick={handleBasicEdit} className="btn">
-              {t("action.edit", { ns: "common" })}
+              {ct("action.edit")}
             </button>
           </div>
           <div className="row">
@@ -182,7 +183,7 @@ export default function MyAccount() {
               <span className="txt">*********</span>
             </div>
             <button onClick={togglePasswordModal} className="btn">
-              {t("action.edit", { ns: "common" })}
+              {ct("action.edit")}
             </button>
           </div>
         </div>

src/routes/settingChannel/DeleteConfirmModal.tsx

@@ -14,6 +14,7 @@ interface Props {
 
 const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   const { t } = useTranslation("setting");
+  const { t: ct } = useTranslation();
   const navigateTo = useNavigate();
   const [deleteChannel, { isLoading, isSuccess }] = useLazyRemoveChannelQuery();
   const handleDelete = () => {
@@ -38,10 +39,10 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
         buttons={
           <>
             <Button onClick={closeModal.bind(null, undefined)} className="cancel">
-              {t("action.cancel", { ns: "common" })}
+              {ct("action.cancel")}
             </Button>
             <Button onClick={handleDelete} className="danger">
-              {isLoading ? "Deleting" : t("action.remove", { ns: "common" })}
+              {isLoading ? "Deleting" : ct("action.remove")}
             </Button>
           </>
         }