Docs(web-twig): Add Breadcrumbs demo #DS-981

Breadcrumbs demo in web-twig is now same as demo in web

packages/web-twig/src/Resources/components/Breadcrumbs/Breadcrumbs.stories.twig

@@ -2,10 +2,12 @@
 
 {% block content %}
 
-{# Breadcrumbs Basic #}
-{% include '@components/Breadcrumbs/stories/BreadcrumbsBasic.twig' %}
+<DocsSection title="Default">
+    {% include '@components/Breadcrumbs/stories/BreadcrumbsDefault.twig' %}
+</DocsSection>
 
-{# Breadcrumbs Custom #}
-{% include '@components/Breadcrumbs/stories/BreadcrumbsCustom.twig' %}
+<DocsSection title="Custom">
+    {% include '@components/Breadcrumbs/stories/BreadcrumbsCustom.twig' %}
+</DocsSection>
 
 {% endblock %}

packages/web-twig/src/Resources/components/Breadcrumbs/stories/BreadcrumbsCustom.twig

@@ -1,23 +1,23 @@
 <Breadcrumbs>
-  <ol>
-    <li class="d-none d-tablet-flex">
-        <Link href="#rootUrl" color="primary" isUnderlined>Root</Link>
-    </li>
-    <li class="d-none d-tablet-flex">
-        <Icon name="chevron-right" />
-        <Link href="#categoryUrl" color="primary" isUnderlined>Category</Link>
-    </li>
-    <li class="d-tablet-none">
-        <Icon name="chevron-right" />
-        <Link href="#subcategoryUrl" color="primary" isUnderlined>Custom go back link</Link>
-    </li>
-    <li class="d-none d-tablet-flex">
-        <Icon name="chevron-right" />
-        <Link href="#subcategoryUrl" color="primary" isUnderlined>Subcategory</Link>
-    </li>
-    <li class="d-none d-tablet-flex">
-        <Icon name="chevron-right" />
-        <Link href="#currentUrl" color="secondary" aria-current="page">Current page</Link>
-    </li>
-  </ol>
+    <ol>
+        <li class="d-none d-tablet-flex">
+            <Link href="#rootUrl" color="primary" isUnderlined>Root</Link>
+        </li>
+        <li class="d-none d-tablet-flex">
+            <Icon name="chevron-right" />
+            <Link href="#categoryUrl" color="primary" isUnderlined>Category</Link>
+        </li>
+        <li class="d-tablet-none">
+            <Icon name="chevron-right" />
+            <Link href="#subcategoryUrl" color="primary" isUnderlined>Custom go back link</Link>
+        </li>
+        <li class="d-none d-tablet-flex">
+            <Icon name="chevron-right" />
+            <Link href="#subcategoryUrl" color="primary" isUnderlined>Subcategory</Link>
+        </li>
+        <li class="d-none d-tablet-flex">
+            <Icon name="chevron-right" />
+            <Link href="#currentUrl" color="secondary" aria-current="page">Current page</Link>
+        </li>
+    </ol>
 </Breadcrumbs>