fix: #1468 add constants for media

packages/marketplace/src/components/ui/client-app-detail/client-app-header.tsx

@@ -3,6 +3,7 @@ import { H2 } from '@reapit/elements'
 import { FaCheck } from 'react-icons/fa'
 import { AppDetailModel } from '@reapit/foundations-ts-definitions'
 import styles from '@/styles/blocks/client-app-header.scss?mod'
+import { MEDIA_INDEX } from '@/constants/media'
 
 export type ClientAppHeaderProps = {
   appDetailData: AppDetailModel & {
@@ -13,8 +14,8 @@ export type ClientAppHeaderProps = {
 
 const ClientAppHeader: React.FC<ClientAppHeaderProps> = ({ appDetailData, buttonGroup }) => {
   const { media } = appDetailData
-  const appIcon = media?.filter(({ type }) => type === 'icon')[0]
-  const featureImageSrc = appDetailData?.media?.[1]?.uri
+  const appIcon = media?.filter(({ type }) => type === 'icon')[MEDIA_INDEX.ICON]
+  const featureImageSrc = appDetailData?.media?.[MEDIA_INDEX.FEATURE_IMAGE]?.uri
 
   return (
     <div className={styles.appHeader}>

packages/marketplace/src/components/ui/standalone-app-detail/app-header.tsx

@@ -1,3 +1,4 @@
+// TODO: remove this file after we separated dev & client standalone page
 import * as React from 'react'
 import { H2 } from '@reapit/elements'
 import { FaCheck } from 'react-icons/fa'

packages/marketplace/src/constants/media.ts

@@ -0,0 +1,4 @@
+export const MEDIA_INDEX = {
+  ICON: 0,
+  FEATURE_IMAGE: 1,
+}