Update renderStructuredLog and TaskLogContent to support RTL (#51853)

Author: guan404ming

airflow-core/src/airflow/ui/src/components/renderStructuredLog.tsx

@@ -160,7 +160,7 @@ export const renderStructuredLog = ({
       ));
 
       return (
-        <chakra.details key={error.exc_type} ml="20em" open={true}>
+        <chakra.details key={error.exc_type} ms="20em" open={true}>
           <chakra.summary data-testid={`summary-${error.exc_type}`}>
             <chakra.span color="fg.info" cursor="pointer">
               {error.exc_type}: {error.exc_value}
@@ -203,9 +203,9 @@ export const renderStructuredLog = ({
         style={{
           display: "inline-block",
           flexShrink: 0,
-          marginRight: "10px",
-          paddingRight: "5px",
-          textAlign: "right",
+          marginInlineEnd: "10px",
+          paddingInlineEnd: "5px",
+          textAlign: "end",
           userSelect: "none",
           WebkitUserSelect: "none",
           width: "3em",

airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogContent.tsx

@@ -82,10 +82,17 @@ export const TaskLogContent = ({ error, isLoading, logError, parsedLogs, wrap }:
         <VStack alignItems="flex-start" gap={0} h={`${rowVirtualizer.getTotalSize()}px`}>
           {rowVirtualizer.getVirtualItems().map((virtualRow) => (
             <Box
+              _ltr={{
+                left: 0,
+                right: "auto",
+              }}
+              _rtl={{
+                left: "auto",
+                right: 0,
+              }}
               data-index={virtualRow.index}
               data-testid={`virtualized-item-${virtualRow.index}`}
               key={virtualRow.key}
-              left={0}
               position="absolute"
               ref={rowVirtualizer.measureElement}
               top={0}