Migrate component examples and docs to embedded GitLab UI stories

With https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/1175 closed, we now have a way to embed GitLab UI stories in design.gitlab.com: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/blob/main/doc/embed-gitlab-ui-stories.md.

The [initial implementation](https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/merge_requests/2447) migrated alerts and banners to use this new approach, but several other pages are still using legacy examples and implementation tabs. Let's migrate remaining pages, the only pre-requisite being that the corresponding GitLab UI component(s) must have been migrated to the Component Story Format (https://gitlab.com/groups/gitlab-org/-/epics/5651).

## Migration steps

* [ ] In the `.md` file:
    * [ ] Migrate the `vueComponents` property to `stories` in the frontmatter.
    * [ ] Migrate `[[Example:*]]` tags to `[[Story:*]]` tags.
   ```patch
   diff --git a/contents/components/accordion.md b/contents/components/accordion.md
   index 62da0f1..19fcdb2 100644
   --- a/contents/components/accordion.md
   +++ b/contents/components/accordion.md
   @@ -1,8 +1,8 @@
    ---
    name: Accordion
    description: An accordion is used to show and hide content. 
   -vueComponents:
   -  - GlAccordion
   +stories:
   +  - base-accordion--default
    related:
    - modal
    - tree
   @@ -11,7 +11,7 @@ related:
    
    ## Examples
    
   -[[Example:accordion-basic]]
   +[[Story:base-accordion--default]]
    
    [View in Pajamas UI Kit →](https://www.figma.com/file/qEddyqCrI7kPSBjGmwkZzQ/Pajamas-UI-Kit?node-id=425%3A0)
    
   ```
* [ ] Remove the associated examples from the `examples/` directory.

## Migration status

| Component                                                                   | Can be migrated    | Migrated           |
| --------------------------------------------------------------------------- | ------------------ | ------------------ |
| [accordion](https://design.gitlab.com/components/accordion)                 | :white_check_mark: | :white_check_mark: |
| [alert](https://design.gitlab.com/components/alert)                         | :white_check_mark: | :white_check_mark: |
| [avatar](https://design.gitlab.com/components/avatar)                       | :white_check_mark: | :white_check_mark: |
| [badge](https://design.gitlab.com/components/badge)                         | :white_check_mark: | :white_check_mark: |
| [banner](https://design.gitlab.com/components/banner)                       | :white_check_mark: | :white_check_mark: |
| [breadcrumb](https://design.gitlab.com/components/breadcrumb)               | :white_check_mark: | :white_check_mark: |
| [broadcast-message](https://design.gitlab.com/components/broadcast-message) | :white_check_mark: | :white_check_mark: |
| [button](https://design.gitlab.com/components/button)                       | :white_check_mark: |                    |
| [card](https://design.gitlab.com/components/card)                           | :white_check_mark: | :white_check_mark: |
| [checkbox](https://design.gitlab.com/components/checkbox)                   | :white_check_mark: | :white_check_mark: |
| [color-picker](https://design.gitlab.com/components/color-picker)           |                    |                    |
| [date-picker](https://design.gitlab.com/components/date-picker)             |                    |                    |
| [drawer](https://design.gitlab.com/components/drawer)                       |                    |                    |
| [dropdown](https://design.gitlab.com/components/dropdown)                   |                    |                    |
| [file-uploader](https://design.gitlab.com/components/file-uploader)         |                    |                    |
| [filter](https://design.gitlab.com/components/filter)                       |                    |                    |
| [form](https://design.gitlab.com/components/form)                           |                    |                    |
| [infinite-scroll](https://design.gitlab.com/components/infinite-scroll)     |                    |                    |
| [label](https://design.gitlab.com/components/label)                         | :white_check_mark: | :white_check_mark: |
| [list](https://design.gitlab.com/components/list)                           |                    |                    |
| [modal](https://design.gitlab.com/components/modal)                         | :white_check_mark: |                    |
| [pagination](https://design.gitlab.com/components/pagination)               | :white_check_mark: |                    |
| [path](https://design.gitlab.com/components/path)                           | :white_check_mark: | :white_check_mark: |
| [popover](https://design.gitlab.com/components/popover)                     |                    | :white_check_mark: |
| [progress-bar](https://design.gitlab.com/components/progress-bar)           | :white_check_mark: | :white_check_mark: |
| [radio-button](https://design.gitlab.com/components/radio-button)           | :white_check_mark: |                    |
| [search](https://design.gitlab.com/components/search)                       |                    |                    |
| [segmented-control](https://design.gitlab.com/components/segmented-control) | :white_check_mark: |                    |
| [skeleton-loader](https://design.gitlab.com/components/skeleton-loader)     | :white_check_mark: |                    |
| [socks](https://design.gitlab.com/components/socks)                         |                    |                    |
| [sorting](https://design.gitlab.com/components/sorting)                     | :white_check_mark: |                    |
| [spinner](https://design.gitlab.com/components/spinner)                     | :white_check_mark: |                    |
| [table](https://design.gitlab.com/components/table)                         |                    | :white_check_mark: |
| [tabs](https://design.gitlab.com/components/tabs)                           |                    |                    |
| [toast](https://design.gitlab.com/components/toast)                         |                    |                    |
| [toggle](https://design.gitlab.com/components/toggle)                       | :white_check_mark: | :white_check_mark:                   |
| [token](https://design.gitlab.com/components/token)                         | :white_check_mark: | :white_check_mark: |
| [tooltip](https://design.gitlab.com/components/tooltip)                     | :white_check_mark: |                    |
| [tree](https://design.gitlab.com/components/tree)                           |                    |                    |
| [empty-states](https://design.gitlab.com/regions/empty-states)              | :white_check_mark: | :white_check_mark: |

Story points: 3.0