Fix dashboard production builds and default list pages to 24 items.

Unblock business/customer deploys and match the 24-per-page list rule in Super Admin.

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

apps/business/src/pages/ContentPage.tsx

@@ -1,4 +1,4 @@
-import { FileText, Play, GraduationCap } from 'lucide-react'
+import { FileText, GraduationCap } from 'lucide-react'
 import { SectionCard } from '../components/SectionCard'
 import { Breadcrumbs } from '../components/Breadcrumbs'
 import { PageTitle } from '../components/PageTitle'

apps/business/src/pages/InstructionListPage.tsx

@@ -17,7 +17,7 @@ import {
   listInstructions,
   resolveInstructionTitle,
 } from '../services/instructionService'
-import type { Video } from '../types/instruction'
+import type { Instruction } from '../types/instruction'
 import pageStyles from '../components/PageContent.module.css'
 import styles from './BlogPage.module.css'
 
@@ -26,7 +26,7 @@ export function InstructionListPage() {
   const { showToast } = useToast()
   const t = useT()
   const { locale } = useLocale()
-  const [videos, setInstructions] = useState<Video[]>([])
+  const [videos, setInstructions] = useState<Instruction[]>([])
   const [totalInstructions, setTotalVideos] = useState(0)
   const [currentPage, setCurrentPage] = useState(1)
   const [isLoading, setIsLoading] = useState(true)

apps/business/src/pages/WebsiteEPaymentPage.tsx

@@ -5,6 +5,7 @@ import { Switch } from '../components/Switch'
 import { Tooltip } from '../components/Tooltip'
 import { useToast } from '../context/ToastContext'
 import { useT } from '../i18n/useT'
+import type { BusinessMessageKey } from '../i18n/messages'
 import { ApiError } from '../lib/api'
 import {
   DEFAULT_EPAYMENT_SETTINGS,
@@ -19,8 +20,8 @@ import styles from './WebsiteEPaymentPage.module.css'
 
 const COMING_SOON_GATEWAYS: {
   id: Exclude<PaymentGatewayId, 'mellat'>
-  nameKey: string
-  descKey: string
+  nameKey: BusinessMessageKey
+  descKey: BusinessMessageKey
 }[] = [
   {
     id: 'sep',
@@ -199,7 +200,7 @@ export function WebsiteEPaymentPage() {
                 id="epayment-master"
                 checked={ePayment.enabled}
                 disabled={savingKey !== null}
-                onCheckedChange={(checked) => void handleMasterToggle(checked)}
+                onChange={(checked) => void handleMasterToggle(checked)}
               />
             </div>
           </div>
@@ -218,7 +219,7 @@ export function WebsiteEPaymentPage() {
                 id="epayment-mellat"
                 checked={ePayment.gateways.mellat.enabled}
                 disabled={savingKey !== null || !ePayment.enabled}
-                onCheckedChange={(checked) => void handleMellatToggle(checked)}
+                onChange={(checked) => void handleMellatToggle(checked)}
               />
             </div>