Go linkbox v2

[kasperbirch1]

Link to issue

https://reload.atlassian.net/browse/DDFBRA-430
https://reload.atlassian.net/browse/DDFBRA-431

Description

This pull request replaces the existing go_color (color picker) with an options_select (dropdown)

Additionally, it introduces the "DPL Linkit with GO Options" widget and refactors go_linkbox to use it, ensuring better accessibility and maintainability.

Due to accessibility via GraphQL, I have introduced the go_link as a paragraph instead. This can be accessed through GraphQL and does not introduce new concepts into the project.

Test

https://varnish.pr-2030.dpl-cms.dplplat01.dpl.reload.dk/node/29/edit
https://varnish.pr-2030.dpl-cms.dplplat01.dpl.reload.dk/admin/config/graphql/servers/manage/graphql_compose_server/explorer

GraphQL:

query MyQuery {
  route(path: "test-linkbox") {
    ... on RouteInternal {
      __typename
      url
      entity {
        ... on NodeGoPage {
          title
          paragraphs {
            ... on ParagraphGoLinkbox {
              goImage {
                ... on MediaImage {
                  name
                  mediaImage {
                    url
                    alt
                    height
                    mime
                    size
                    title
                    width
                  }
                  byline
                }
              }
              goColor
              goDescription
              goLink {
                ... on ParagraphGoLink {
                  link {
                    title
                    url
                  }
                  ariaLabel
                  targetBlank
                }
              }
            }
          }
        }
      }
    }
  }
}

Result:

{
  "data": {
    "route": {
      "__typename": "RouteInternal",
      "url": "/test-linkbox",
      "entity": {
        "title": "Test Linkbox",
        "paragraphs": [
          {
            "goImage": {
              "name": "la-rel-easter-KuCGlBXjH_o-unsplash.jpg",
              "mediaImage": {
                "url": "https://nginx.dapple-cms.docker/sites/default/files/2024-02/la-rel-easter-KuCGlBXjH_o-unsplash.jpg",
                "alt": "Playroom",
                "height": 427,
                "mime": "image/jpeg",
                "size": 43190,
                "title": null,
                "width": 640
              },
              "byline": null
            },
            "goColor": "content_color_1",
            "goDescription": "Description",
            "goLink": {
              "link": [
                {
                  "title": "Besøg google",
                  "url": "https://www.google.com/"
                }
              ],
              "ariaLabel": "Test aria-label",
              "targetBlank": false
            }
          }
        ]
      }
    }
  }
}

[Dresse]

Good work! I only have a few comments. Otherwise 👍

[Dresse]

I only think 4 different colours are gonna be used, so we should limit the colours to 4 options.