Add shared empty states, customer product filters, and SSO handoff across dashboards.

Standardize list empty UI, searchable country fields, customer-products filter row, password/login polish, and one-time business dashboard handoff from the customer app.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/pages/MyProductsPage.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react'
 import { Link, useNavigate, useSearchParams } from 'react-router-dom'
-import { Plus, RotateCcw, Search, Sparkles } from 'lucide-react'
+import { Package, Plus, RotateCcw, Search, Sparkles } from 'lucide-react'
+import { EmptyState } from '../components/EmptyState'
 import { ProductCard } from '../components/ProductCard'
 import { AddProductByAiModal } from '../components/AddProductByAiModal'
 import { Pagination } from '../components/Pagination'
@@ -257,9 +258,12 @@ export function MyProductsPage() {
       {isLoading ? (
         <p className={styles.empty}>{t('products.list.loading')}</p>
       ) : products.length === 0 ? (
-        <p className={styles.empty}>
-          {appliedName ? t('products.list.emptyFiltered') : t('products.list.empty')}
-        </p>
+        <EmptyState
+          icon={Package}
+          message={appliedName ? t('products.list.emptyFiltered') : t('products.list.empty')}
+          actionLabel={appliedName ? undefined : t('products.list.emptyCta')}
+          actionTo={appliedName ? undefined : '/products/new'}
+        />
       ) : (
         <>
           <div className={styles.grid}>