feature #2303 [Turbo] Add <Turbo:Frame> component (seb-jean)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Turbo] Add `<Turbo:Frame>` component

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | yes
| License       | MIT

I added a `<twig:Turbo:Frame>` component.

**Simple example**

```twig
<twig:Turbo:Frame id="the_frame_id" />

{# renders as: #}
<turbo-frame id="the_frame_id"></turbo-frame>
```

**With a HTML attributes**

```twig
<twig:Turbo:Frame id="the_frame_id" loading="lazy" src="{{ path('block') }}" />

{# renders as: #}
<turbo-frame id="the_frame_id" loading="lazy" src="https://example.com/block"></turbo-frame>
```
**With content**

```twig
<twig:Turbo:Frame id="the_frame_id" src="{{ path('block') }}">
    A placeholder.
</twig:Turbo:Frame>

{# renders as: #}
<turbo-frame id="the_frame_id" src="https://example.com/block">A placeholder.
</turbo-frame>
```

Commits
-------

ed521df [Turbo] Add `<Turbo:Frame>` component

Author: Kocal

src/Turbo/CHANGELOG.md

@@ -3,6 +3,7 @@
 ## 2.22.0
 
 -   Add `<twig:Turbo:Stream>` component
+-   Add `<twig:Turbo:Frame>` component
 
 ## 2.21.0
 

src/Turbo/doc/index.rst

@@ -250,6 +250,44 @@ a Turbo Frame, and retrieve the ID of this frame::
         }
     }
 
+<twig:Turbo:Frame> Twig Component
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+.. versionadded:: 2.22
+
+    The ``<twig:Turbo:Frame>`` Twig Component was added in Turbo 2.22.
+
+Simple example:
+
+.. code-block:: html+twig
+
+    <twig:Turbo:Frame id="the_frame_id" />
+
+    {# renders as: #}
+    <turbo-frame id="the_frame_id"></turbo-frame>
+
+With a HTML attribute:
+
+.. code-block:: html+twig
+
+    <twig:Turbo:Frame id="the_frame_id" loading="lazy" src="{{ path('block') }}" />
+
+    {# renders as: #}
+    <turbo-frame id="the_frame_id" loading="lazy" src="https://example.com/block"></turbo-frame>
+
+With content:
+
+.. code-block:: html+twig
+
+    <twig:Turbo:Frame id="the_frame_id" src="{{ path('block') }}">
+        A placeholder.
+    </twig:Turbo:Frame>
+
+    {# renders as: #}
+    <turbo-frame id="the_frame_id" src="https://example.com/block">
+        A placeholder.
+    </turbo-frame>
+
 Writing Tests
 ^^^^^^^^^^^^^
 

src/Turbo/templates/components/Frame.html.twig

@@ -0,0 +1,5 @@
+{% props id -%}
+
+<turbo-frame id="{{ id }}" {{- attributes }}>
+    {%- block content %}{% endblock -%}
+</turbo-frame>