Olivero: Support wide/full width regions

I've updated this patch to apply to the latest core. I can see the class is being used, but the layout is not using more grid than the medium, and I'm not good enough at frontend to debug this.

OK correction, it appears to be working. It still starts at column 3 but extends further to the right. I think potentially a "wide" should start at column 2.

BTW i tested it by overriding region--content.html.twig with

{%
  set classes = [
    'region',
    'region--' ~ region|clean_class,
    'grid-full',
    'layout--pass--content-wide',
  ]
%}

{% if content %}
  <div{{ attributes.addClass(classes) }} id="content">
    {{ content }}
  </div>
{% endif %}

I feel like the title is at odds with what the description/code have become.

Tested patch #23 and it's successfully applied the layout--pass--content-wide class is working well. The layout is now full-sized when using wide class. Attached screenshot for reference.

Before patch

After Patch

@shweta__sharma It would be very good in your screenshots to use the "grid" button (it's right next to the area you highlighted) to visually show the grid.

I think this patch is "needs work" for two reasons:

1. because Olivero is not intended to be a base theme. So this patch is meaningless in my opinion without some way for a site builder to change the layout through settings.
2. The second problem is the title of this issue is "wide/full width regions" and currently this patch only does wide.

#17 review is still applicable