feat: delay fallback suspense display

src/SuspenseFallback.js

@@ -1,7 +1,7 @@
 import React from "react";
 
 function SuspenseFallback() {
-    return <div>Loading...</div>;
+    return <div className="delayed">Loading...</div>;
 }
 
 export default SuspenseFallback;

src/User.css

@@ -1,9 +1,19 @@
+.delayed {
+    animation: 0s linear 0.5s forwards makeVisible;
+    visibility: hidden;
+}
+
+@keyframes makeVisible {
+    to {
+        visibility: visible;
+    }
+}
+
 .fullCentered {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-
 }
 
 .loginForm {