feat: add loading bar

src/Rankings.tsx

@@ -80,13 +80,17 @@ export function SelectUser({
             className="dragbox reservoir"
             animation={200}
           >
-            {players.map((item, _) => (
-              <div className="extra-margin">
-                <div key={item.id} className="item">
-                  {item.name}
+            {players.length < 1 ? (
+              <span className="loader"></span>
+            ) : (
+              players.map((item, _) => (
+                <div key={"extra" + item.id} className="extra-margin">
+                  <div key={item.id} className="item">
+                    {item.name}
+                  </div>
                 </div>
-              </div>
-            ))}
+              ))
+            )}
           </ReactSortable>
         </div>
       )}