How do I add featured image inside my code?

I want to add featured image on my blog site.

this is how my site currently looks

code:
blog.js

  return (
    <FirstSection>
      <Intro intro={blog_intro} />
      <AboutMe isBlog />
      <Skills areSkillsVisible={areSkillsVisible} />
      <Input setAreSkillsVisible={setAreSkillsVisible} />

      <Row>
        {data?.items?.map(item => {
          const post = state.source.post[item.id];
          return (
            <Card key={item.id} post={post} />
          )}
        )}
      </Row>
    </FirstSection>
  );
};

export default connect(BlogPage);