Phase 1 Refactor MImageBody to shared component (#33093)

* Phase 1 Refactor MImageBody to shared component

* blurhash package added into shared components

* Added image snapshots

* Correct the GIF label css design

* Update snapshot for GIF

* crop image correctly

* Update snapshot to reflect updates

* typo fix

* update css to compund variables

* Added tsdoc to function

* Fix inaccurate css and text values in stories

* use const enum instead

* Add i18n to shared components + added string

* Correct css comment information

* Update lockfile

packages/shared-components/package.json

@@ -63,6 +63,7 @@
         "linkifyjs": "4.3.2",
         "lodash": "npm:lodash-es@^4.17.21",
         "matrix-web-i18n": "catalog:",
+        "react-blurhash": "^0.3.0",
         "react-merge-refs": "^3.0.2",
         "react-resizable-panels": "^4.6.5",
         "react-virtuoso": "^4.14.0",