optimize image component

- use new intersection hooks instead of react-intersection-observer
- remove motion, replace with css animation
- remove unneeded container from Loader component

src/shared/components/image/image.module.css

@@ -1,3 +1,13 @@
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
 .image {
     width: 100%;
     height: 100%;
@@ -5,6 +15,11 @@
     border-radius: var(--theme-radius-md);
 }
 
+.image.animated {
+    opacity: 1;
+    animation: fade-in 0.2s ease-in;
+}
+
 .loader {
     width: 100%;
     height: 100%;