Removed url button link

Client/src/Components/BasicTable/index.css

@@ -1,22 +1,12 @@
-.MuiTable-root .host a {
-  width: var(--env-var-img-width-2);
-  height: var(--env-var-img-width-2);
-  color: var(--env-var-color-5);
-  margin-right: 10px;
-}
-.MuiTable-root .host a svg {
-  width: var(--env-var-font-size-large);
-  height: var(--env-var-font-size-large);
-}
-.MuiTable-root .host div:nth-child(2) {
+.MuiTable-root .host {
   width: fit-content;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.MuiTable-root .host div:nth-child(2) span {
+.MuiTable-root .host span {
   font-size: var(--env-var-font-size-small);
-  margin-left: 10px;
+  margin-left: 8px;
 }
 
 .MuiTable-root .label {

Client/src/Pages/Monitors/index.jsx

@@ -10,11 +10,9 @@ import Button from "../../Components/Button";
 import ServerStatus from "../../Components/Charts/Servers/ServerStatus";
 import { useTheme } from "@emotion/react";
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import OpenInNewPage from "../../assets/icons/open-in-new-page.svg?react";
 import BasicTable from "../../Components/BasicTable";
 import { StatusLabel } from "../../Components/Label";
 import { createToast } from "../../Utils/toastUtils";
-import ResponseTimeChart from "../../Components/Charts/ResponseTimeChart";
 import {
   Box,
   IconButton,
@@ -207,7 +205,6 @@ ActionsMenu.propTypes = {
  *
  * @component
  * @param {Object} params - An object containing the following properties:
- * @param {string} params.url - The URL of the host.
  * @param {string} params.title - The name of the host.
  * @param {string} params.percentageColor - The color of the percentage text.
  * @param {number} params.percentage - The percentage to display.
@@ -215,40 +212,17 @@ ActionsMenu.propTypes = {
  */
 const Host = ({ params }) => {
   return (
-    <Stack direction="row" alignItems="center" className="host">
-      <IconButton
-        aria-label="monitor link"
-        onClick={(event) => {
-          event.stopPropagation();
-          window.open(params.url, "_blank", "noreferrer");
-        }}
-        sx={{
-          "&:focus": {
-            outline: "none",
-          },
-          mr: "5px",
-        }}
-      >
-        <OpenInNewPage
-          style={{
-            marginTop: "-1px",
-            marginRight: "-1px",
-          }}
-        />
-      </IconButton>
-      <Box>
-        {params.title}
-        <Typography component="span" sx={{ color: params.percentageColor }}>
-          {params.percentage}%
-        </Typography>
-      </Box>
+    <Stack direction="row" alignItems="baseline" className="host">
+      {params.title}
+      <Typography component="span" sx={{ color: params.percentageColor }}>
+        {params.percentage}%
+      </Typography>
     </Stack>
   );
 };
 
 Host.propTypes = {
   params: PropTypes.shape({
-    url: PropTypes.string,
     title: PropTypes.string,
     percentageColor: PropTypes.string,
     percentage: PropTypes.number,
@@ -327,7 +301,6 @@ const Monitors = () => {
 
   data.rows = monitorState.monitors.map((monitor, idx) => {
     const params = {
-      url: monitor.url,
       title: monitor.name,
       percentage: 100,
       percentageColor: