Client: Shared: Fix filename with extension in RTL

packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js

@@ -92,6 +92,7 @@ const SimpleFilesTileContent = styled(TileContent)`
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+    text-align: start;
   }
 
   .item-file-exst {
@@ -147,6 +148,7 @@ const FilesTileContent = ({
           {...linkStyles}
           color={theme.filesSection.tilesView.color}
           isTextOverflow
+          dir="auto"
         >
           {titleWithoutExt}
           {displayFileExtension && (

packages/shared/components/text/Text.styled.ts

@@ -85,6 +85,8 @@ export const StyledAutoDirSpan = styled.span`
   pointer-events: none;
   width: inherit;
   max-width: inherit;
+  -webkit-line-clamp: inherit;
+  -webkit-box-orient: inherit;
 `;
 
 export default StyledText;