feat: optimize i18n implementation for better localization (#2062)

* feat: optimize i18n implementation for better localization

* delete i18n-ally-custom-framework.yml

* update common key

projects/app/src/components/support/permission/ConfigPerModal/index.tsx

@@ -48,7 +48,7 @@ const ConfigPerModal = ({
         isOpen
         iconSrc="/imgs/modal/key.svg"
         onClose={onClose}
-        title={t('permission.Permission config')}
+        title={t('common:permission.Permission config')}
       >
         <ModalBody>
           <HStack>
@@ -61,7 +61,7 @@ const ConfigPerModal = ({
             </Box>
           )}
           <Box mt={5}>
-            <Box fontSize={'sm'}>{t('permission.Default permission')}</Box>
+            <Box fontSize={'sm'}>{t('common:permission.Default permission')}</Box>
             <DefaultPermissionList
               mt="1"
               per={defaultPer.value}
@@ -87,7 +87,7 @@ const ConfigPerModal = ({
                       justifyContent="space-between"
                       w="full"
                     >
-                      <Box fontSize={'sm'}>{t('permission.Collaborator')}</Box>
+                      <Box fontSize={'sm'}>{t('common:permission.Collaborator')}</Box>
                       <Flex flexDirection="row" gap="2">
                         <Button
                           size="sm"
@@ -95,7 +95,7 @@ const ConfigPerModal = ({
                           leftIcon={<MyIcon w="4" name="common/settingLight" />}
                           onClick={onOpenManageModal}
                         >
-                          {t('permission.Manage')}
+                          {t('common:permission.Manage')}
                         </Button>
                         <Button
                           size="sm"
@@ -103,7 +103,7 @@ const ConfigPerModal = ({
                           leftIcon={<MyIcon w="4" name="support/permission/collaborator" />}
                           onClick={onOpenAddMember}
                         >
-                          {t('common.Add')}
+                          {t('common:common.Add')}
                         </Button>
                       </Flex>
                     </Flex>

projects/app/src/components/support/permission/MemberManager/AddMemberModal.tsx

@@ -71,7 +71,7 @@ function AddMemberModal({ onClose }: AddModalPropsType) {
         permission: selectedPermission
       });
     },
-    successToast: t('common.Add Success'),
+    successToast: t('common:common.Add Success'),
     errorToast: 'Error',
     onSuccess() {
       onClose();

projects/app/src/components/support/permission/MemberManager/MemberListCard.tsx

@@ -21,7 +21,7 @@ const MemberListCard = ({ tagStyle, ...props }: MemberListCardProps) => {
     <MyBox isLoading={isFetchingCollaborator} userSelect={'none'} {...props}>
       {collaboratorList?.length === 0 ? (
         <Box p={3} color="myGray.600" fontSize={'xs'} textAlign={'center'}>
-          {t('permission.Not collaborator')}
+          {t('common:permission.Not collaborator')}
         </Box>
       ) : (
         <Flex gap="2" flexWrap={'wrap'}>

projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx

@@ -251,7 +251,7 @@ function PermissionSelect({
                 }}
               >
                 <MyIcon name="delete" w="20px" color="red.600" />
-                <Box color="red.600">{t('common.Remove')}</Box>
+                <Box color="red.600">{t('common:common.Remove')}</Box>
               </HStack>
             </>
           )}

projects/app/src/components/support/permission/PermissionTags/index.tsx

@@ -19,7 +19,7 @@ const PermissionTag = ({
     const Per = new Permission({ per: permission.value });
 
     const commonLabel = (() => {
-      if (permission.isOwner) return t('permission.Owner');
+      if (permission.isOwner) return t('common:permission.Owner');
       if (permission.hasManagePer) return PermissionList['manage'].name;
       if (permission.hasWritePer) return PermissionList['write'].name;
       if (permission.hasReadPer) return PermissionList['read'].name;

projects/app/src/components/support/permission/Radio/index.tsx

@@ -18,14 +18,14 @@ const PermissionRadio = ({
       list={[
         {
           icon: 'support/permission/privateLight',
-          title: t('permission.Private'),
-          desc: t('permission.Private Tip'),
+          title: t('common:permission.Private'),
+          desc: t('common:permission.Private Tip'),
           value: PermissionTypeEnum.private
         },
         {
           icon: 'support/permission/publicLight',
-          title: t('permission.Public'),
-          desc: t('permission.Public Tip'),
+          title: t('common:permission.Public'),
+          desc: t('common:permission.Public Tip'),
           value: PermissionTypeEnum.public
         }
       ]}