Implement multi-language support in user management and system management pages

- Integrated multi-language functionality across various user management components, including user list, roles list, and user authorization pages, enhancing accessibility for diverse users.
- Updated UI elements to utilize translation keys, ensuring that all text is dynamically translated based on user preferences.
- Improved error handling messages to be localized, providing a better user experience in case of issues.

These changes significantly enhance the usability and internationalization of the user management features, making the application more inclusive.

frontend/components/admin/multilang/CategoryTree.tsx

@@ -37,8 +37,8 @@ function CategoryNode({
         className={cn(
           "flex cursor-pointer items-center gap-1 rounded-md px-2 py-1.5 text-sm transition-colors",
           isSelected
-            ? "bg-primary text-primary-foreground"
-            : "hover:bg-muted"
+            ? "border-l-[3px] border-l-blue-500 bg-blue-50 font-medium text-blue-700 dark:bg-blue-950 dark:text-blue-300"
+            : "border-l-[3px] border-l-transparent hover:bg-muted"
         )}
         style={{ paddingLeft: `${level * 16 + 8}px` }}
         onClick={() => onSelectCategory(category)}
@@ -81,7 +81,7 @@ function CategoryNode({
         <span
           className={cn(
             "ml-auto text-xs",
-            isSelected ? "text-primary-foreground/70" : "text-muted-foreground"
+            isSelected ? "text-blue-500 dark:text-blue-400" : "text-muted-foreground"
           )}
         >
           {category.keyPrefix}
@@ -171,8 +171,8 @@ export function CategoryTree({
         className={cn(
           "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
           selectedCategoryId === null
-            ? "bg-primary text-primary-foreground"
-            : "hover:bg-muted"
+            ? "border-l-[3px] border-l-blue-500 bg-blue-50 font-medium text-blue-700 dark:bg-blue-950 dark:text-blue-300"
+            : "border-l-[3px] border-l-transparent hover:bg-muted"
         )}
         onClick={() => onSelectCategory(null)}
       >