ICSHWI-10574: Fix for link styling issue

Ticket: ICSHWI-10574
Fix weird styling issue for links on IOC details page. Use MUI Link component as wrapper for react-router-dom Link component

src/components/IOC/IOCLiveStatus.js

 import React, { useCallback } from "react";
-import { Typography, makeStyles } from "@material-ui/core";
+import { Typography, makeStyles, Link as MuiLink } from "@material-ui/core";
 import { SimpleAccordion } from "../common/Accordion/SimpleAccordion";
 import { IOCDetails } from "./IOCDetails";
-import { Link } from 'react-router-dom';
+import { Link as ReactRouterLink } from 'react-router-dom';
 import { LokiContainer } from "../common/Loki/LokiContainer";
 import { RecordSearch } from "../records/RecordSearch";
 import GitRefLink from "./GitRefLink";
@@ -37,7 +37,7 @@ export function IOCLiveStatus({ ioc }) {
       "Deployed on": (iocHasDeployment && ioc.activeDeployment?.host.csEntryIdValid) ?
         <Typography>
           {ioc.activeDeployment?.host.csEntryId ?
-            <Link to={`/hosts/${ioc.activeDeployment?.host.csEntryId}`}>{ioc.activeDeployment?.host.fqdn}</Link>
+            <MuiLink component={ReactRouterLink} to={`/hosts/${ioc.activeDeployment?.host.csEntryId}`}>{ioc.activeDeployment?.host.fqdn}</MuiLink>
             :
             <>{ioc.activeDeployment?.host.fqdn}</>
           }