making a layout component for headers and footer

Describe the bug

hi! @Kanika637 😁
we could make the App.js more clean to see

Expected behaviour

Layout =({children})=>{
     <Header/>
         {children}
     <Footer/>
}

main=()=>{
  return <Layout >
  Cart component 
   </Layout>
}

main=()=>{
  return <Layout >
  Product component 
   </Layout>
}

Screenshots

No response

Additional context

No response

[mud1tx]

I can work on it if the issue is still active.

[mud1tx]

I am trying to install the npm package but it is not running and showing some errors.

I think that some packages are deprecated.

[mud1tx]

I can fix the issue without running the project, just have to add Layout component?

[Kanika637]

I am trying to install the npm package but it is not running and showing some errors.

I think that some packages are deprecated.

Hey, try the command with -- force or --legacy-peer-deps as suggested. I think that would work.

[ThienBNguyen]

Hi Can I work in this issue?

[mominrazashahid]

@Kanika637 i open PR to fix this issue can you please review my PR i want to work on this project.
Thank you