refactor: Replace date-fns with native Intl APIs and update phone uti…

frontend/package.json

@@ -52,7 +52,6 @@
     "@sentry/sveltekit": "^10.40.0",
     "axios": "^1.13.6",
     "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
     "libphonenumber-js": "^1.12.38",
     "svelte-dnd-action": "^0.9.69",
     "tailwind-merge": "^3.5.0",

frontend/src/hooks.server.js

@@ -41,7 +41,7 @@
     const base64 = payload.replace(/-/g, '+').replace(/_/g, '/');
     const jsonPayload = Buffer.from(base64, 'base64').toString('utf8');
     return /** @type {JWTPayload} */ (JSON.parse(jsonPayload));
   } catch (error) {
     return null;
   }
 }
@@ -231,7 +231,7 @@
         } else {
           // Org switch failed, clear org cookie and redirect
           event.cookies.delete('org', { path: '/' });
-          throw redirect(307, '/org');
+          throw redirect(303, '/org');
         }
       }
     }

frontend/src/lib/utils/formatting.js

@@ -3,18 +3,33 @@
  * @module lib/utils/formatting
  */
 
-import { format, formatDistanceToNow } from 'date-fns';
+const dateFormatter = new Intl.DateTimeFormat('en-US', {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+});
+
+const relativeFormatter = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
+
+const RELATIVE_UNITS = /** @type {const} */ ([
+  { unit: 'year', ms: 365.25 * 24 * 60 * 60 * 1000 },
+  { unit: 'month', ms: 30.44 * 24 * 60 * 60 * 1000 },
+  { unit: 'week', ms: 7 * 24 * 60 * 60 * 1000 },
+  { unit: 'day', ms: 24 * 60 * 60 * 1000 },
+  { unit: 'hour', ms: 60 * 60 * 1000 },
+  { unit: 'minute', ms: 60 * 1000 },
+  { unit: 'second', ms: 1000 }
+]);
 
 /**
- * Format a date string to a human-readable format
+ * Format a date string to a human-readable format (e.g., "Feb 18, 2026")
  * @param {string | Date | null | undefined} date - Date to format
- * @param {string} [formatStr='MMM d, yyyy'] - date-fns format string
  * @returns {string} Formatted date string or '-' if no date
  */
-export function formatDate(date, formatStr = 'MMM d, yyyy') {
+export function formatDate(date) {
   if (!date) return '-';
   try {
-    return format(new Date(date), formatStr);
+    return dateFormatter.format(new Date(date));
   } catch {
     return '-';
   }
@@ -28,7 +43,13 @@ export function formatDate(date, formatStr = 'MMM d, yyyy') {
 export function formatRelativeDate(date) {
   if (!date) return '-';
   try {
-    return formatDistanceToNow(new Date(date), { addSuffix: true });
+    const diff = new Date(date).getTime() - Date.now();
+    for (const { unit, ms } of RELATIVE_UNITS) {
+      if (Math.abs(diff) >= ms || unit === 'second') {
+        return relativeFormatter.format(Math.round(diff / ms), unit);
+      }
+    }
+    return '-';
   } catch {
     return '-';
   }

frontend/src/lib/utils/phone.js

@@ -1,19 +1,27 @@
-import { isValidPhoneNumber, parsePhoneNumber, isPossiblePhoneNumber } from 'libphonenumber-js';
+/** @type {Promise<typeof import('libphonenumber-js')> | null} */
+let _lib = null;
+
+function getLib() {
+  if (!_lib) _lib = import('libphonenumber-js');
+  return _lib;
+}
 
 /**
  * Validates a phone number and returns validation result
  * @param {string} phoneNumber - The phone number to validate
  * @param {string} [defaultCountry] - Default country code (e.g., 'US', 'IN')
- * @returns {{ isValid: boolean, formatted?: string, error?: string }}
+ * @returns {Promise<{ isValid: boolean, formatted?: string, error?: string }>}
  */
-export function validatePhoneNumber(phoneNumber, defaultCountry) {
+export async function validatePhoneNumber(phoneNumber, defaultCountry) {
   if (!phoneNumber || phoneNumber.trim() === '') {
     return { isValid: true }; // Allow empty phone numbers
   }
 
   const trimmed = phoneNumber.trim();
 
   try {
+    const { isValidPhoneNumber, parsePhoneNumber, isPossiblePhoneNumber } = await getLib();
+
     // If the number starts with +, validate as international
     if (trimmed.startsWith('+')) {
       const isValid = isValidPhoneNumber(trimmed);
@@ -88,12 +96,13 @@ export function validatePhoneNumber(phoneNumber, defaultCountry) {
  * Formats a phone number for display
  * @param {string} phoneNumber - The phone number to format
  * @param {string} defaultCountry - Default country code
- * @returns {string} Formatted phone number or original if invalid
+ * @returns {Promise<string>} Formatted phone number or original if invalid
  */
-export function formatPhoneNumber(phoneNumber, defaultCountry = 'US') {
+export async function formatPhoneNumber(phoneNumber, defaultCountry = 'US') {
   if (!phoneNumber) return '';
 
   try {
+    const { parsePhoneNumber } = await getLib();
     // @ts-ignore - defaultCountry is a valid CountryCode
     const parsed = parsePhoneNumber(phoneNumber, { defaultCountry });
     return parsed.formatInternational();
@@ -106,14 +115,16 @@ export function formatPhoneNumber(phoneNumber, defaultCountry = 'US') {
  * Formats a phone number for storage (E.164 format)
  * @param {string} phoneNumber - The phone number to format
  * @param {string} [defaultCountry] - Default country code
- * @returns {string} E.164 formatted phone number or original if invalid
+ * @returns {Promise<string>} E.164 formatted phone number or original if invalid
  */
-export function formatPhoneForStorage(phoneNumber, defaultCountry) {
+export async function formatPhoneForStorage(phoneNumber, defaultCountry) {
   if (!phoneNumber) return '';
 
   const trimmed = phoneNumber.trim();
 
   try {
+    const { parsePhoneNumber } = await getLib();
+
     // If starts with +, parse as international
     if (trimmed.startsWith('+')) {
       const parsed = parsePhoneNumber(trimmed);

frontend/src/routes/(app)/profile/+page.server.js

@@ -78,11 +78,11 @@ export const actions = {
     // Validate phone if provided
     let formattedPhone = null;
     if (phone && phone.trim().length > 0) {
-      const phoneValidation = validatePhoneNumber(phone.trim());
+      const phoneValidation = await validatePhoneNumber(phone.trim());
       if (!phoneValidation.isValid) {
         errors.phone = phoneValidation.error || 'Please enter a valid phone number';
       } else {
-        formattedPhone = formatPhoneForStorage(phone.trim());
+        formattedPhone = await formatPhoneForStorage(phone.trim());
       }
     }
 

frontend/src/routes/(app)/profile/+page.svelte

@@ -18,6 +18,7 @@
   let isEditing = $state(false);
   let isSubmitting = $state(false);
   let phoneError = $state('');
+  let formattedDisplayPhone = $state('');
 
   // Form data state - initialized by $effect below
   let formData = $state({
@@ -36,14 +37,23 @@
     }
   });
 
+  // Format phone for display (async, resolved into state)
+  $effect(() => {
+    if (data.user.phone) {
+      formatPhoneNumber(data.user.phone).then((f) => (formattedDisplayPhone = f));
+    } else {
+      formattedDisplayPhone = '';
+    }
+  });
+
   // Validate phone number on input
-  function validatePhone() {
+  async function validatePhone() {
     if (!formData.phone.trim()) {
       phoneError = '';
       return;
     }
 
-    const validation = validatePhoneNumber(formData.phone);
+    const validation = await validatePhoneNumber(formData.phone);
     if (!validation.isValid) {
       phoneError = validation.error || 'Invalid phone number';
     } else {
@@ -277,7 +287,7 @@
                 Phone Number
               </div>
               <p class="text-foreground">
-                {data.user.phone ? formatPhoneNumber(data.user.phone) : 'Not provided'}
+                {formattedDisplayPhone || data.user.phone || 'Not provided'}
               </p>
             </div>