Improve facets knowledge panels layout to make it more accessible

[alexgarel]

Facets knowledge panels are in production, but they may be hard to understand to some users. This ticket opens discussion on what should be improved (small improvements).

Tasks

Preview Give feedback

We're having trouble rendering your tasklist, it's most likely has one of the following formatting errors:

• indented tasks (i.e. nested tasklist; support for this is coming!)
• an empty task (i.e. - [ ] on a line by itself)
• any empty new lines (before/after the tasklist or in between tasks)
• duplicate issue/pr links
• a draft task exceeds 512 characters

Please check the tasklists documentation for more information. 🔗 Feedback Discussion

Thank you for participating in the Private Beta ❤️

1. "last-edits issues" --> "Last edits" (example on https://world.openfoodfacts.org/editor/alexg) 
2. Rendering should be close to the rendering of knowledge panels on product page (maybe smaller). Use card / card-section classes and customize CSS if needed to have it smaller.
3. - [ ] The spaces between different things is weird. The space between section is too small and, in the other hand, the space between quality issues and `source: Data-quality-issues` is too big. See
4. The lists are not well aligned. The bullet point should be aligned with the begining of the text `The total number [...]` or with even more space.

[mahak24342]

i wanna take up this issue , please assign me this issue

[sumit-158]

Hi @mahak24342 this ticket is still in the discussion phase I would suggest you take another issue.

[alexgarel]

@CharlesNepote and @teolemon what is your feedback ?

[CharlesNepote]

@CharlesNepote and @teolemon what is your feedback ?

I have made few suggestions.