upload images to storage instead of DB and add image high quaiilty view

public/src/index.css

@@ -25,6 +25,10 @@
     animation: scaleIn 0.2s ease-out;
   }
 
+  .animate-fadeIn {
+    animation: fadeIn 0.2s ease-out;
+  }
+
   @keyframes slideIn {
     0% {
       transform: translateX(100%);
@@ -46,6 +50,15 @@
       opacity: 1;
     }
   }
+
+  @keyframes fadeIn {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
 }
 
 /* Leaflet CSS will be imported in main.tsx */