Change permission UI on Desktop to enable / expose "permission until X" ability

Description

This issue is follow up work for https://github.com/brave/brave-browser/issues/14126

This issue is specifically to track the design and implementation of UI for desktop Brave, to enable / expose the new capabilities defined in https://github.com/brave/brave-browser/issues/14126

The current (from upstream / default Chromium) UI currently looks like this:

Design

Dropdown options:

• until I close this page (default selection)
• for 24 hours
• for 1 week
• forever

Links:

• “Site permissions” links to brave://settings/content.
• “Learn more” links to post covering site permissions (to be written)

Assets

Figma: https://www.figma.com/file/pVwKlNQJU9wTVOa9tImKpo/Browser-Dialogs?node-id=26%3A51 Use button component: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=1011%3A0 Use link component: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=766%3A9370

[karenkliu]

To clarify, the UX is in-line, the UI is not 😆 . It works as designed, but the buttons/dropdowns don’t look like what’s in our style guide. There will be a separate effort to clean that up!

I don’t see any issues with carrying over this permissions control dialog to other platforms.

[stephendonner]

Setting to QA/Blocked for now until we have both a test plan as well as all the necessary landings, before we can (fully) test; I’ve pinged @goodov in #brave-core on Slack for further clarification - if it’s ready, please feel free to remove that and let us know! Thanks!