fix(dns-hole-summary): restore colors and fit compact cards (#7045)

Related to #7020 and #7018. Restore DNS summary colors, fit compact cards, and match preview text scaling.

apps/nextjs/src/components/board/layout/scaled-board-canvas.tsx

@@ -5,8 +5,12 @@ import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { Box } from "@mantine/core";
 import { useElementSize } from "@mantine/hooks";
 
+import { calculateBoardUiScale } from "@homarr/boards/scale";
+
 import classes from "./scaled-board-canvas.module.css";
 
+export { calculateBoardUiScale } from "@homarr/boards/scale";
+
 const BoardCanvasScaleContext = createContext(1);
 
 export const useBoardCanvasScale = () => useContext(BoardCanvasScaleContext);
@@ -18,12 +22,6 @@ export const calculateBoardCanvasScale = (availableWidth: number, logicalWidth:
   return availableWidth / logicalWidth;
 };
 
-export const calculateBoardUiScale = (canvasScale: number) => {
-  if (!Number.isFinite(canvasScale) || canvasScale <= 0) return 1;
-
-  return canvasScale < 1 ? 1 / canvasScale : 1;
-};
-
 interface ScaledBoardCanvasProps {
   logicalWidth: number;
   initialLogicalHeight: number;