Personal area in Local nav component

[fcoveram]

Based on wporg-theme-directory#55 report, I explored an idea for separating the links to pages related to user's personal area in the local nav.

The section uses the link style and includes a dot separator between public and personal area on desktop, and a menu section with white at 10% border on mobile. This idea aims to update all site sections where this case exist. As per my knowledge, the sections involved are: Learn, Themes, Plugins, and Patterns.

Below you can see how those sections would look like on desktop and the mobile version of Learn, and in this section the Figma mockups.

---

This change relates to the following tickets in one or another way.

• 535

• pattern-directory#692
• wordpress.org#318

[ryelle]

I've added this by creating a has-separator helper class. Any nav item with that class will add a · to the left (or right, on RTL sites).

This needs to be updated on the child sites, still.

• [x] Theme directory https://github.com/WordPress/wporg-theme-directory/commit/bb5b298e3969e7d9c2107802b56ae494a2b8990f
• [ ] Pattern directory
• [ ] Plugin directory
• [ ] Learn (update to new class)