chore: add prettier formatting

components/states/loading-skeleton.tsx

@@ -5,7 +5,12 @@ import { useI18n } from "@/lib/i18n";
 
 export function LoadingSkeleton({ className = "" }: { className?: string }) {
   const { t } = useI18n();
-  return <div className={cn("animate-pulse rounded-panel bg-surface-muted/70", className)} aria-label={t("common.loading")} />;
+  return (
+    <div
+      className={cn("animate-pulse rounded-panel bg-surface-muted/70", className)}
+      aria-label={t("common.loading")}
+    />
+  );
 }
 
 export function PageLoadingSkeleton() {
@@ -13,7 +18,9 @@ export function PageLoadingSkeleton() {
     <div className="space-y-5" aria-busy="true">
       <LoadingSkeleton className="h-[25rem]" />
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-        {Array.from({ length: 4 }, (_, index) => <LoadingSkeleton className="h-36" key={index} />)}
+        {Array.from({ length: 4 }, (_, index) => (
+          <LoadingSkeleton className="h-36" key={index} />
+        ))}
       </div>
     </div>
   );