refactor: Remove platform-specific padding logic from Dither component

Author: DavidHDev

src/content/Backgrounds/Dither/Dither.jsx

@@ -270,14 +270,9 @@ export default function Dither({
   enableMouseInteraction = true,
   mouseRadius = 1
 }) {
-  const isMac = navigator.userAgentData
-    ? navigator.userAgentData.platform.toLowerCase() === "macos"
-    : /macintosh|mac os x/i.test(navigator.userAgent);
-
   return (
     <Canvas
       className="dither-container"
-      style={{ padding: isMac ? "1px" : "2px" }}
       camera={{ position: [0, 0, 6] }}
       dpr={window.devicePixelRatio}
       gl={{ antialias: true, preserveDrawingBuffer: true }}

src/tailwind/Backgrounds/Dither/Dither.jsx

@@ -268,14 +268,9 @@ export default function Dither({
   enableMouseInteraction = true,
   mouseRadius = 1
 }) {
-  const isMac = navigator.userAgentData
-    ? navigator.userAgentData.platform.toLowerCase() === "macos"
-    : /macintosh|mac os x/i.test(navigator.userAgent);
-
   return (
     <Canvas
       className="w-full h-full relative"
-      style={{ padding: isMac ? "1px" : "2px" }}
       camera={{ position: [0, 0, 6] }}
       dpr={window.devicePixelRatio}
       gl={{ antialias: true, preserveDrawingBuffer: true }}

src/ts-default/Backgrounds/Dither/Dither.tsx

@@ -315,15 +315,9 @@ export default function Dither({
   enableMouseInteraction = true,
   mouseRadius = 1,
 }: DitherProps) {
-  const isMac =
-    (navigator as any).userAgentData
-      ? (navigator as any).userAgentData.platform.toLowerCase() === "macos"
-      : /macintosh|mac os x/i.test(navigator.userAgent);
-
   return (
     <Canvas
       className="dither-container"
-      style={{ padding: isMac ? "1px" : "2px" }}
       camera={{ position: [0, 0, 6] }}
       dpr={window.devicePixelRatio}
       gl={{ antialias: true, preserveDrawingBuffer: true }}

src/ts-tailwind/Backgrounds/Dither/Dither.tsx

@@ -313,15 +313,9 @@ export default function Dither({
   enableMouseInteraction = true,
   mouseRadius = 1,
 }: DitherProps) {
-  const isMac =
-    (navigator as any).userAgentData
-      ? (navigator as any).userAgentData.platform.toLowerCase() === "macos"
-      : /macintosh|mac os x/i.test(navigator.userAgent);
-
   return (
     <Canvas
       className="w-full h-full relative"
-      style={{ padding: isMac ? "1px" : "2px" }}
       camera={{ position: [0, 0, 6] }}
       dpr={window.devicePixelRatio}
       gl={{ antialias: true, preserveDrawingBuffer: true }}