Add loading indicator for Download Resume button

src/components/avatar-card/index.jsx

@@ -55,17 +55,22 @@ const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
               : profile.bio}
           </div>
         </div>
-        {resume?.fileUrl && (
+        {resume?.fileUrl &&
-          <a
+          (loading ? (
-            href={resume.fileUrl}
+            <div className="mt-3">
-            target="_blank"
+              {skeleton({ width: 'w-48', height: 'h-5' })}
-            className="btn btn-outline btn-primary text-xs mt-6"
+            </div>
-            download
+          ) : (
-            rel="noreferrer"
+            <a
-          >
+              href={resume.fileUrl}
-            Download Resume
+              target="_blank"
-          </a>
+              className="btn btn-outline btn-primary text-xs mt-6"
-        )}
+              download
+              rel="noreferrer"
+            >
+              Download Resume
+            </a>
+          ))}
       </div>
     </div>
   );