Update components/loading/index.tsx

✅ Summary of Fixes:
Unused empty string in
classNames

Removed
""
Unintended
rounded-full

Removed
Accessibility

Added
role="status"
and
aria-label
Class merging

Improved with
classNames
utility

components/loading/index.tsx

@@ -9,16 +9,18 @@ function Loading({
 }) {
   return (
     <div
-      className={classNames("", {
-        "absolute left-0 top-0 h-full w-full flex items-center justify-center z-20 bg-black/50 rounded-full":
+      className={classNames({
+        "absolute left-0 top-0 h-full w-full flex items-center justify-center z-20 bg-black/50":
           overlay,
       })}
     >
       <svg
-        className={`size-5 animate-spin text-white ${className}`}
+        className={classNames("animate-spin text-white", className, "size-5")}
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
+        role="status"
+        aria-label="Loading..."
       >
         <circle
           className="opacity-25"
@@ -38,4 +40,4 @@ function Loading({
   );
 }
 
-export default Loading;
+export default Loading;