Mass replace irelax with homaroma across project

apps/spa/src/components/CartDrawer.tsx

@@ -126,7 +126,7 @@ function CartDrawerFooter({ subtotal, onClose }: { subtotal: number; onClose: ()
   const [couponValid, setCouponValid] = React.useState<boolean>(false)
 
   React.useEffect(() => {
-    const code = localStorage.getItem('irelax_active_coupon')
+    const code = localStorage.getItem('homaroma_active_coupon')
     setSavedCoupon(code)
     if (code && subtotal > 0) {
       fetch(`${API_BASE}/coupons/validate`, {
@@ -149,7 +149,7 @@ function CartDrawerFooter({ subtotal, onClose }: { subtotal: number; onClose: ()
   }, [subtotal])
 
   const removeCoupon = () => {
-    localStorage.removeItem('irelax_active_coupon')
+    localStorage.removeItem('homaroma_active_coupon')
     setSavedCoupon(null)
     setDiscountAmount(0)
     setIsFreeShipping(false)

apps/spa/src/components/Footer.tsx

@@ -13,7 +13,7 @@ export default function Footer({ categories = [] }: FooterProps) {
       <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-12">
         <div className="space-y-6">
           <div className="text-2xl font-bold tracking-widest">
-            iRelax <span className="text-cyan-glow text-sm font-light italic">Essential</span>
+            HomAroma <span className="text-cyan-glow text-sm font-light italic">Essential</span>
           </div>
           <p className="text-slate-500 text-sm leading-relaxed">
             {t('footer.catchphrase')}
@@ -64,7 +64,7 @@ export default function Footer({ categories = [] }: FooterProps) {
             </button>
           </div>
           <p className="text-[10px] text-slate-600 uppercase tracking-widest">
-            © {new Date().getFullYear()} iRelax Essential. {t('footer.rights')}
+            © {new Date().getFullYear()} HomAroma. {t('footer.rights')}
           </p>
         </div>
       </div>

apps/spa/src/components/Navbar.tsx

@@ -27,7 +27,7 @@ export default function Navbar({ categories = [] }: NavbarProps) {
   const toggleLanguage = () => {
     const newLang = i18n.language.startsWith('en') ? 'th' : 'en'
     i18n.changeLanguage(newLang)
-    localStorage.setItem('irelax_lang', newLang)
+    localStorage.setItem('homaroma_lang', newLang)
   }
 
   // Detect scroll for navbar bg change
@@ -36,7 +36,7 @@ export default function Navbar({ categories = [] }: NavbarProps) {
     window.addEventListener('scroll', onScroll, { passive: true })
     
     // Check local orders periodically (or just on mount)
-    const stored = localStorage.getItem('irelax_local_orders')
+    const stored = localStorage.getItem('homaroma_local_orders')
     if (stored) {
       try { setLocalOrdersCount(JSON.parse(stored).length) } catch (e) {}
     }
@@ -75,7 +75,7 @@ export default function Navbar({ categories = [] }: NavbarProps) {
       >
         {/* Logo */}
         <Link to="/" onClick={() => setMobileOpen(false)} className="text-xl md:text-2xl font-bold tracking-widest text-white uppercase italic shrink-0">
-          iRelax <span className="hidden md:inline text-cyan-glow text-xs md:text-sm not-italic font-light opacity-60 ml-1">Essential</span>
+          HomAroma <span className="hidden md:inline text-cyan-glow text-xs md:text-sm not-italic font-light opacity-60 ml-1">Essential</span>
         </Link>
 
         {/* ── DESKTOP NAV ── */}