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.

• A polished local nav component #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.

• Theme directory WordPress/wporg-theme-directory@bb5b298
• Pattern directory
• Plugin directory
• Learn (update to new class)

[ryelle]

This has been updated on all the relevant sites.