chore(share): remove dead grain code

services/openwork-share/components/responsive-grain.tsx

@@ -1,57 +0,0 @@
-"use client";
-
-import { GrainGradient } from "@paper-design/shaders-react";
-import { useEffect, useRef, useState } from "react";
-
-interface ResponsiveGrainProps {
-  colors?: string[];
-  colorBack?: string;
-  softness?: number;
-  intensity?: number;
-  noise?: number;
-  shape?: "blob" | "wave" | "dots" | "truchet" | "corners" | "ripple" | "sphere";
-  speed?: number;
-  className?: string;
-}
-
-export function ResponsiveGrain(props: ResponsiveGrainProps) {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setDimensions({
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
-        });
-      }
-    });
-
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, []);
-
-  return (
-    <div
-      ref={containerRef}
-      className={`grain-container ${props.className || ""}`}
-    >
-      {dimensions.width > 0 && dimensions.height > 0 ? (
-        <GrainGradient
-          width={dimensions.width}
-          height={dimensions.height}
-          colors={props.colors}
-          colorBack={props.colorBack}
-          softness={props.softness}
-          intensity={props.intensity}
-          noise={props.noise}
-          shape={props.shape}
-          speed={props.speed}
-        />
-      ) : null}
-    </div>
-  );
-}

services/openwork-share/styles/globals.css

@@ -52,13 +52,6 @@ body::before {
   display: none;
 }
 
-.grain-background {
-  position: fixed;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-}
-
 .grain-container {
   position: absolute;
   inset: 0;