feat: evolve `Kangaroo` visual approach

[Fupete]

We need to evolve the kangaroo design.

To do

• [x] ✅ From the usability test: switch sides (left-right) between the drop-down quicklinks menu and the metadata informations. We need then to evaluate the approach and scalability at different levels;
• [x] 👎 or 🤔 evaluate the possibility of moving the "Parliamo di" tags to the end of the page content;
• [x] ✅ evaluate chances to hide some information with a toggle approach (show/hide);
• [x] ✅ enhance show quicklinks menu with a btn-outline approach
• [ ] 🤔 code: split News and Events Kangaroos from the other ones
  • [ ] 🤔 content: maybe we need to change personalInfo props on all the news to a dedicated newsInfo...
• [ ] 🤔 code: we need to evaluate a complete refactoring of these meta handling if we want to be able to improve an horizontal layout
• [ ] ...

Results at the moment

1st level

2nd level (risorse per progettare/fase)

### 3rd level (kit)

4th level (kit action)

3rd level (DS/Scheda contenuto)

3nd level (news)

3rd level (event)

[github-actions[bot]]

⚡ Lighthouse report for the home page 🏠

Category	Score
🟠 Performance	63
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100

See the full report...

Other pages

• /progetto/ 🟠 80 🟢 100 🟢 100 🟢 100
• /norme-e-riferimenti/linee-guida-di-design/ 🟠 81 🟢 100 🟢 100 🟢 100
• /design-system/componenti/ 🟠 80 🟢 100 🟢 100 🟢 100

[Fupete]

@astagi I need a code review

@danielaiozzo @pedromaria88 @zetareticoli @danielenole @gianvitofanelli I need a visual/content review. Please navigate each level of page content (1st, 2nd, kits, actions, news, events, ds, ...) to understand this new kangaroo approach.

[zetareticoli]

Di seguito i miei feedback:

• 1st level: lo spazio che separa il dropdown dalla lista degli argomenti "Parliamo di" potrebbe essere ridotto, portando i due elementi ad essere più vicini; non c'è molta ragione per cui debbano essere così distanti; inoltre, se gli argomenti fossero più di due, si creerebbe uno sbilanciamento di questi verso il lato destro;
• 2nd level: vedi stesso ragionamento fatto sopra;
• 3rd and 4th: qui abbiamo, secondo me, i problemi maggiori in quanto lo spazio occupato è veramente molto generoso; dovremmo trovare il modo di compattare le informazioni, forse usando font-size più piccolo o rivedendo la dimensione delle etichette; anche la presenza di molte icone non aiuta ma affolla troppo l'interfaccia; se poi si decide di espandere le informazioni, diventa gigante 👀

La presenza del button quick-link (ad esempio "Scopri le schede operative") da una parte è utile, dall'altra cattura molto l'attenzione ancor prima di vedere cosa c'è nella pagina. Quali erano i feedback dei test di usabilità su questo elemento?