chore(landing/frontend-public): 🔧 Add interactive elements for landing page components

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

eslint.config.js

@@ -236,5 +236,19 @@ export default tseslint.config(
       'features/conversation-assistant/frontend-macos-client/**/*.{ts,tsx}',
       'features/frontend-showcase/frontend/**/*.{ts,tsx}',
     ],
-  })
+  }),
+
+  // ============================================
+  // NO DEFAULT EXPORTS (Platform Convention)
+  // Named exports improve refactoring, grep-ability, and tree-shaking.
+  // Warn initially — 202 source files to migrate gradually.
+  // Config files (*.config.ts) are already in global ignores.
+  // Surface opportunities via: ./run dev:verify --lint
+  // ============================================
+  {
+    files: ['features/**/*.{ts,tsx}'],
+    rules: {
+      'import/no-default-export': 'warn',
+    },
+  },
 );

features/landing/frontend-public/src/CartDrawer.ts

@@ -1,2 +0,0 @@
-export { default } from './components/CartDrawer'
-export { default as CartDrawer } from './components/CartDrawer'

features/landing/frontend-public/src/FloatingSettings.ts

@@ -1 +0,0 @@
-export * from './components/FloatingSettings'

features/landing/frontend-public/src/Header.ts

@@ -1,2 +0,0 @@
-export { default } from './components/Header'
-export { default as Header } from './components/Header'

features/landing/frontend-public/src/InfoPanel.ts

@@ -1 +0,0 @@
-export * from './components/InfoPanel'

features/landing/frontend-public/src/LegalFooter.ts

@@ -1,2 +0,0 @@
-export { default } from './components/LegalFooter'
-export { default as LegalFooter } from './components/LegalFooter'

features/landing/frontend-public/src/MerchPage.ts

@@ -1,2 +0,0 @@
-export { default } from './pages/merch/MerchPage'
-export { default as MerchPage } from './pages/merch/MerchPage'

features/landing/frontend-public/src/ProductDetailModal.ts

@@ -1,2 +0,0 @@
-export { default } from './components/ProductDetailModal'
-export { default as ProductDetailModal } from './components/ProductDetailModal'

features/landing/frontend-public/src/UserMenu.ts

@@ -1,2 +0,0 @@
-export { default } from './components/UserMenu'
-export { default as UserMenu } from './components/UserMenu'

features/landing/frontend-public/src/components/Header/Header.tsx

@@ -26,7 +26,7 @@ import { useTranslation } from 'react-i18next'
 import { getRealmUrl } from '@/config/realms'
 import { useDevUser } from '@/contexts'
 import { Routes } from '@/routes'
-import UserMenu from '@/UserMenu'
+import UserMenu from '@/components/UserMenu'
 import './Header.css'
 
 interface HeaderProps {

features/landing/frontend-public/src/components/Layout/Layout.tsx

@@ -41,14 +41,14 @@ import type { DevUserContextForFAB } from '@lilith/ui-developer-fab'
 
 import { useDevUser } from '@lilith/ui-dev-tools'
 
-import CartDrawer from '@/CartDrawer'
+import CartDrawer from '@/components/CartDrawer'
 import { CTAModal, useModalRouting } from '@/components/CTAModal'
 import { useCart } from '@/contexts'
-import Header from '@/Header'
+import Header from '@/components/Header'
 import { useFeatureDefaults } from '@/hooks/useFeatureDefaults'
-import { InfoPanel } from '@/InfoPanel'
-import LegalFooter from '@/LegalFooter'
-import ProductDetailModal from '@/ProductDetailModal'
+import { InfoPanel } from '@/components/InfoPanel'
+import LegalFooter from '@/components/LegalFooter'
+import ProductDetailModal from '@/components/ProductDetailModal'
 
 import './Layout.css'
 

features/landing/frontend-public/src/pages/merch/__tests__/MerchPage.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 
 import { render, screen, fireEvent, waitFor } from '@/test/test-utils'
-import MerchPage from '@/MerchPage'
+import MerchPage from '@/pages/merch/MerchPage'
 
 // Mock the hooks and components that have external dependencies
 vi.mock('@ui/accessibility', () => ({