chore: add game name in mod card and featured slider on landing page

src/components/ModCard.tsx

@@ -3,6 +3,7 @@ import { handleModImageError } from '../utils'
 
 type ModCardProps = {
   title: string
+  gameName: string
   summary: string
   imageUrl: string
   link: string
@@ -11,6 +12,7 @@ type ModCardProps = {
 
 export const ModCard = ({
   title,
+  gameName,
   summary,
   imageUrl,
   link,
@@ -37,7 +39,7 @@ export const ModCard = ({
           <h3 className='cMMBodyTitle'>{title}</h3>
           <p className='cMMBodyText'>{summary}</p>
           <div className='cMMBodyGame'>
-            <p>Game name</p>
+            <p>{gameName}</p>
           </div>
         </div>
         <div className='cMMFoot'>

src/pages/home.tsx

@@ -179,7 +179,7 @@ const SlideContent = ({ naddr }: SlideContentProps) => {
           <br />
         </p>
         <p className='IBMSMSCWSInfoText IBMSMSCWSInfoText2'>
-          Game name
+          {mod.game}
           <br />
         </p>
         <div className='IBMSMSliderContainerWrapperSliderAction'>
@@ -239,6 +239,7 @@ const DisplayMod = ({ naddr }: DisplayModProps) => {
   return (
     <ModCard
       title={mod.title}
+      gameName={mod.game}
       summary={mod.summary}
       imageUrl={mod.featuredImageUrl}
       link={`#${route}`}
@@ -287,6 +288,7 @@ const DisplayLatestMods = () => {
               <ModCard
                 key={mod.id}
                 title={mod.title}
+                gameName={mod.game}
                 summary={mod.summary}
                 imageUrl={mod.featuredImageUrl}
                 link={`#${route}`}

src/pages/mods.tsx

@@ -220,6 +220,7 @@ export const ModsPage = () => {
                     <ModCard
                       key={mod.id}
                       title={mod.title}
+                      gameName={mod.game}
                       summary={mod.summary}
                       imageUrl={mod.featuredImageUrl}
                       link={`#${route}`}