Two tailwind pages design

Job ID: 35234009

Budget: $30 – $250 USD

Summary: Implement 2 pages with the purpose of letting the user post their ideas. (If you don't know what is a "idea forum" please take a look at https://feedbackportal.microsoft.com/feedback/forum/ad198462-1c1c-ec11-b6e7-0022481f8472)

Requirements:
- developer should use flowbite components (https://flowbite.com/compnents) and blocks (https://flowbite.com/blocks) as much as possible to create both pages. (Note: I have pro license and you can require me the code of a component/ block if you need it)
- make your request to fit in the current design
- will work on the GitHub repo provided and work on a different branch.
- split the code into components ( I don't need to go too deep in the components tree structure it is not the case. )
- use dummy data and implement minimal logic if needed (e.g: If you choose to add a comment into a modal form make the component keep the state. Don't implement REST API or create a dummy server in Nuxt)
- if you need to use icons please use official tailwind icons (https://heroicons.com/)
- the page should be responsive and work in white/dark mode.

"Ideas" page description:
- on this page should display the "Idea card" and filters and orders section (component)


"Idea details" page description:
- on this page, you should display the idea component, and other people's comments and also have a way to add comments on the current idea.

Note: Because I am looking for a long time collaboration I will look also at the quality of the code.
Related categories: JavaScript CSS HTML Vue.js Tailwind CSS