Replace RIGHT-TO-LEFT OVERRIDE unicode (#2828)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

portal-ui/src/common/utils.ts

@@ -712,3 +712,9 @@ export const getRandomString = function (length = 16): string {
   }
   return retval;
 };
+
+// replaces bad unicode characters
+export const replaceUnicodeChar = (inputString: string): string => {
+  let unicodeChar = "\u202E";
+  return inputString.split(unicodeChar).join("<<3C>202e>");
+};

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/IconWithLabel.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { Theme } from "@mui/material/styles";
+import { replaceUnicodeChar } from "../../../../../../common/utils";
 
 interface IIconWithLabel {
   classes: any;
@@ -34,7 +35,7 @@ const IconWithLabel = ({ classes, icon, strings }: IIconWithLabel) => {
     <div className={classes.fileName}>
       {icon}
       <span className={classes.fileNameText}>
-        {strings[strings.length - 1]}
+        {replaceUnicodeChar(strings[strings.length - 1])}
       </span>
     </div>
   );