refactor: improve readability of sidebar cva variants and reorder formatRelativeDate before formatDate

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/components/src/ui/sidebar.tsx

@@ -104,6 +104,32 @@ export function formatPercent(value: number, precision: number = 0): string {
   return `${displayValue.toFixed(precision)}%`;
 }
 
+/**
+ * Format date as relative time (e.g., "2 days ago", "Today", "Overdue 3d")
+ */
+export function formatRelativeDate(value: string | Date): string {
+  if (!value) return '-';
+  const date = typeof value === 'string' ? new Date(value) : value;
+  if (isNaN(date.getTime())) return '-';
+
+  const now = new Date();
+  const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const startOfDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const diffMs = startOfDate.getTime() - startOfToday.getTime();
+  const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24));
+
+  if (diffDays === 0) return 'Today';
+  if (diffDays === 1) return 'Tomorrow';
+  if (diffDays === -1) return 'Yesterday';
+  if (diffDays < -1) {
+    const absDays = Math.abs(diffDays);
+    if (absDays <= 30) return `${absDays} days ago`;
+    return formatDate(date);
+  }
+  if (diffDays > 1 && diffDays <= 30) return `In ${diffDays} days`;
+  return formatDate(date);
+}
+
 /**
  * Format date value
  */
@@ -132,32 +158,6 @@ export function formatDate(value: string | Date, style?: string): string {
   });
 }
 
-/**
- * Format date as relative time (e.g., "2 days ago", "Today", "Overdue 3d")
- */
-export function formatRelativeDate(value: string | Date): string {
-  if (!value) return '-';
-  const date = typeof value === 'string' ? new Date(value) : value;
-  if (isNaN(date.getTime())) return '-';
-
-  const now = new Date();
-  const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  const startOfDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const diffMs = startOfDate.getTime() - startOfToday.getTime();
-  const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24));
-
-  if (diffDays === 0) return 'Today';
-  if (diffDays === 1) return 'Tomorrow';
-  if (diffDays === -1) return 'Yesterday';
-  if (diffDays < -1) {
-    const absDays = Math.abs(diffDays);
-    if (absDays <= 30) return `${absDays} days ago`;
-    return formatDate(date);
-  }
-  if (diffDays > 1 && diffDays <= 30) return `In ${diffDays} days`;
-  return formatDate(date);
-}
-
 /**
  * Format datetime value
  */