Blurhash support (#701)

* Generate blurhash client side

* Make blurhash generation faster

* Simple blurhash display support

* Make image display simpler

* Support non square images

* Don't attach video blurhash to thumbnail

* Add video display support

* Ignore alt tag missing warning

Co-authored-by: Ajay Bura <32841439+ajbura@users.noreply.github.com>

src/app/molecules/media/Media.scss

@@ -33,6 +33,8 @@
   font-size: 0;
   line-height: 0;
 
+  position: relative;
+
   display: flex;
   justify-content: center;
   align-items: center;
@@ -42,6 +44,19 @@
   background-size: cover;
 }
 
+.image-container,
+.video-container {
+  & img,
+  & canvas {
+    position: absolute;
+    max-width: unset !important;
+    width: 100% !important;
+    height: 100%;
+    border-radius: 0 !important;
+    margin: 0 !important;
+  }
+}
+
 .sticker-container {
   display: inline-flex;
   max-width: 128px;
@@ -51,25 +66,17 @@
   }
 }
 
-.image-container {
-  & img {
-    max-width: unset !important;
-    width: 100% !important;
-    border-radius: 0 !important;
-    margin: 0 !important;
-  }
-}
-
 .video-container {
   & .ic-btn-surface {
     background-color: var(--bg-surface-low);
+    position: absolute;
   }
   video {
-    width: 100%
+    width: 100%;
   }
 }
 .audio-container {
   audio {
-    width: 100%
+    width: 100%;
   }
-}
+}