Changed to monospace font

Signed-off-by: Zoe Nickson <mnickson@sidingsmedia.com>

Author: Computroniks

src/components/rdns/cache_data.tsx

@@ -39,7 +39,12 @@ export function CacheData(props: DataProps): JSX.Element {
           sx={{ flex: 1, marginBottom: 2, overflow: "scroll" }}
           elevation={0}
         >
-          <Typography whiteSpace="pre" overflow="scroll" height="100%">
+          <Typography
+            whiteSpace="pre"
+            overflow="scroll"
+            height="100%"
+            sx={{ fontFamily: "monospace" }}
+          >
             {JSON.stringify(props.data, undefined, 4)}
           </Typography>
         </Paper>

src/pages/rdns/cache.tsx

@@ -11,7 +11,7 @@ import type { CacheSidebarProps } from "../../components/rdns/cache_sidebar";
 import type { List } from "../../api/responses/common";
 import type { ServerSelectOption } from "../../components/common";
 
-import { PageContainer, PageHeader } from "@toolpad/core/PageContainer";
+import { PageContainer } from "@toolpad/core/PageContainer";
 import { useNotifications } from "@toolpad/core/useNotifications";
 import React from "react";
 import Stack from "@mui/material/Stack";