Clear the Empty spaces in /chapter route

[sirasitxp]

• I have read Chapter's contributing guidelines.
• My pull request has a descriptive title (not a vague title like Update README.md).
• My pull request targets the main branch of Chapter.

Target for issue #1244

[gitpod-io]

[ghost]

👇 Click on the image for a new way to code review

• Make big changes easier — review code in small groups of related files

• Know where to start — see the whole change at a glance

• Take a code tour — explore the change with an interactive tour

• Make comments and review — all fully sync’ed with github

  Try it now!

Legend

[Sboonny]

Hey, @hisnameispum because the current pull request won't support the current development for mvp, I am wondering if you can turn it into grid with 2 or more columns like mentioned in this comment

[sirasitxp]

this comment

Got it!

[sirasitxp]

@Sboonny I have redesigned the layout to be more like table list. Please let me know if it works for you.

[Sboonny]

Sorry, looking back I was vague in my description.

Here is a quickly made layout in the figma of how the grid can look like
https://www.figma.com/file/o3BhXYjbJHb90Rbr4hlABP/Untitled?node-id=0%3A1

you can use Grid, GridItem in chakra to scale it easier in the future

https://chakra-ui.com/docs/components/grid/usage

[sirasitxp]

I've just changed it from Flex to Grid, let me know if it works for you.

[Sboonny]

Thank you for the hard work, and your patience

can you delete the two extra .env files, and revert the extra changes? I need something small

[sirasitxp]

Thank you for the hard work, and your patience

can you delete the two extra .env files, and revert the extra changes? I need something small

Done! Let me know if you need me to do anything more.

[Sboonny]

The component is used, but not imported. This is leading to error

[Sboonny]

LGTM 🎉, thank you for your contribution to the page! 👍.