Isolate components from an open source nextjs project twenty

Hi,

Please go through this repo :
https://github.com/twentyhq/twenty

This is an opensource repo.

You can see the components in action here :
Please check out twenty-front in packages folder. This is the front end component of the app.
Download the repo. and use the credentials in the https://app.twenty.com/
email: noah @demo.dev
password: Applecar2025


then go to packages folder
do npm start (npm install might be needed)

This has all the front end rendering of the app (which integrates with graphql components and data are given out by the twenty-server. We are looking to isolate the front end components out of the twenty-front and decouple the front end from the server and the graphql.

We can do this in two ways :
1. Isolate individual components from twenty-front folder into a new nexjs app. OR
2. Remove database connection from the twenty-front app.

Eitherway, the end deliverable is a nextjs app which has the existing components in a reusable format from the twenty-front repo.

Please assist in doing this.