Update Time as always LTR (#51543)

* Update `Time` as always LTR

* Fix HistoricalMetrics layout for RTL

Author: guan404ming

airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx

@@ -66,7 +66,7 @@ export const AssetEvents = ({
   });
 
   return (
-    <Box borderBottomWidth={0} borderRadius={5} borderWidth={1} ml={2} p={4} py={2} {...rest}>
+    <Box borderBottomWidth={0} borderRadius={5} borderWidth={1} p={4} py={2} {...rest}>
       <Flex alignItems="center" justify="space-between">
         <HStack>
           <StateBadge colorPalette="blue" fontSize="md" variant="solid">

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

@@ -50,7 +50,7 @@ const Time = ({ datetime, format = defaultFormat, showTooltip = true, ...rest }:
   const utcTime = time.tz("UTC").format(defaultFormatWithTZ);
 
   return (
-    <chakra.span {...rest}>
+    <chakra.span dir="ltr" {...rest}>
       <time
         dateTime={datetime}
         // show title if date is not UTC

airflow-core/src/airflow/ui/src/pages/Dashboard/HistoricalMetrics/HistoricalMetrics.tsx

@@ -85,7 +85,7 @@ export const HistoricalMetrics = () => {
           setStartDate={setStartDate}
           startDate={startDate}
         />
-        <SimpleGrid columns={{ base: 10 }}>
+        <SimpleGrid columns={{ base: 10 }} gap={2}>
           <GridItem colSpan={{ base: 7 }}>
             {isLoading ? <MetricSectionSkeleton /> : undefined}
             {!isLoading && data !== undefined && (