feat(repo-stat): improved loader state of stats

Author: niyazm524

src/features/repo-stat/index.scss

@@ -45,4 +45,14 @@
             border-bottom-right-radius: var(--radius);
         }
     }
+
+    &__skeleton.ant-skeleton-element {
+        flex-basis: 30%;
+        width: 30%;
+        border-radius: var(--radius);
+
+        & > span {
+            width: 100%;
+        }
+    }
 }

src/features/repo-stat/index.tsx

@@ -20,7 +20,13 @@ const RepoStat = ({ repo }: Props) => {
 
     return (
         <div className="repo-stat">
-            {loading && <Skeleton.Input className="repo-state__skeleton" active />}
+            {loading && (
+                <div className="flex justify-between">
+                    <Skeleton.Button className="repo-stat__skeleton" active />
+                    <Skeleton.Button className="repo-stat__skeleton" active />
+                    <Skeleton.Button className="repo-stat__skeleton" active />
+                </div>
+            )}
             {!loading && (
                 <div className="repo-stat__items flex justify-between">
                     {stats.map(({ icon, link, name }) => (