Add SectionHeading and PermaLinkDetails components

[tinykite]

What this does

• Adds PermaLinkDetails and SectionHeading components.
• Replaces previous IconButton developer playground examples in CreateLink with new examples nested within the new UI
• Updates IconButton styles and chevron paths to better match legacy dashboard UI
• Removes UpdateGUID from CaptureError now that it isn't needed (for now — the component will still exist for future reference)

Screenshot

Linear Issue

Satisfies LIL-2313. Required for further work on the Batch Capture history UI.

How to Test

• Make sure you've toggled both the vue-dashboard and developer-playground flags, either via query parameter or via the django admin.
  • The url pattern for toggling them is https://perma.test:8000/manage/create?dwft_DJANGO-FLAG=1
• You should see the newly-built Section Headings in addition to the legacy ones. The vue rebuild should be on top:

• You should be able to click or navigate with your keyboard onto each of the buttons within the UI. Clicking or hitting return should log a test message related to the name of each icon button.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.03%. Comparing base (1ea13fe) to head (182a9c9).
Report is 14 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #3591   +/-   ##
========================================
  Coverage    69.03%   69.03%           
========================================
  Files           48       48           
  Lines         6978     6978           
========================================
  Hits          4817     4817           
  Misses        2161     2161           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tinykite]

I initially exported this svg as a 18x9 shape to match the rendered browser size of each chevron image in the legacy dashboard. On closer look, the legacy png included additional whitespace around the chevrons.

To better match this, and future proof the way we might make use of the chevrons in the future, I slightly resized the svg itself and added the necessary margin with a css class.

(If we ever needed additional variants of chevrons in the future, we could always create a component for this and have it accept "size", "direction", and "color" props)

[tinykite]

The SectionHeading component can be passed an optional icon prop as a reusable, flexible way to support the needs of the Perma Link list, which will include an organization icon when a user has selected an organization or sponsorship-related folder:

[bensteinberg]

LGTM!