refactor(loading): change to named export and arrow function

- Switch from default export to named export
- Convert component to arrow function
- Remove unused props parameter

src/components/loading.tsx

@@ -6,14 +6,14 @@ interface LoadingProps {
   skeletonClassName?: string;
 }
 
-export function Loading({
+const Loading = ({ className, skeletonClassName }: LoadingProps) => {
-  className,
-  skeletonClassName,
-  ...props
-}: LoadingProps) {
   return (
-    <div className={cn("h-full w-full p-2 bg-background", className)} {...props}>
+    <div className={cn("h-full w-full p-2 bg-background", className)}>
-      <Skeleton className={cn("h-full w-full rounded-3xl", skeletonClassName)} />
+      <Skeleton
+        className={cn("h-full w-full rounded-3xl", skeletonClassName)}
+      />
     </div>
   );
-}
+};
+
+export { Loading };