Move hidden media placeholder to shared components (#33404)

* Move hidden media placeholder to shared components

* Add Snapshots

* Remove legacy hidden media mx class

apps/web/src/components/views/messages/HiddenMediaPlaceholder.tsx

@@ -1,24 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type PropsWithChildren, type MouseEventHandler } from "react";
-import { VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-
-interface IProps {
-    onClick: MouseEventHandler<HTMLButtonElement>;
-}
-
-export const HiddenMediaPlaceholder: React.FunctionComponent<PropsWithChildren<IProps>> = ({ onClick, children }) => {
-    return (
-        <button onClick={onClick} className="mx_HiddenMediaPlaceholder">
-            <div>
-                <VisibilityOnIcon />
-                <span>{children}</span>
-            </div>
-        </button>
-    );
-};

apps/web/src/components/views/messages/MImageBody.tsx

@@ -16,6 +16,7 @@ import { ClientEvent } from "matrix-js-sdk/src/matrix";
 import { type ImageContent } from "matrix-js-sdk/src/types";
 import { Tooltip } from "@vector-im/compound-web";
 import { ImageErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { HiddenMediaPlaceholder } from "@element-hq/web-shared-components";
 
 import Modal from "../../../Modal";
 import { _t } from "../../../languageHandler";
@@ -33,7 +34,6 @@ import { presentableTextForFile } from "../../../utils/FileUtils";
 import { createReconnectedListener } from "../../../utils/connection";
 import MediaProcessingError from "./shared/MediaProcessingError";
 import { DecryptError, DownloadError } from "../../../utils/DecryptFile";
-import { HiddenMediaPlaceholder } from "./HiddenMediaPlaceholder";
 import { useMediaVisible } from "../../../hooks/useMediaVisible";
 import { isMimeTypeAllowed } from "../../../utils/blobs.ts";
 import { FileBodyFactory, renderMBody } from "./MBodyFactory";