Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/app/compat/next/image.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+
+// Minimal shim so code using next/image compiles under React Router + Vite
+// without changing call sites. It just renders a native img.
+
+type NextImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+  src: string;
+  fill?: boolean;
+  priority?: boolean;
+  quality?: number;
+  placeholder?: "blur" | "empty";
+  blurDataURL?: string;
+};
+
+const Image: React.FC<NextImageProps> = ({
+  src,
+  alt = "",
+  fill,
+  priority: _priority,
+  quality: _quality,
+  placeholder: _placeholder,
+  blurDataURL: _blurDataURL,
+  ...rest
+}) => {
+  // If fill is true, apply object-fit styles
+  const style = fill ? { objectFit: "cover" as const, width: "100%", height: "100%" } : rest.style;
+
+  return <img src={src} alt={alt} {...rest} style={style} />;
+};
+
+export default Image;