[FEATURE] Add df-tabs bootstrap 5 rendering template

Resources/Private/Templates/Bootstrap5/Standard/Tabs.html

+<ul class="nav nav-pills bg-gray-50 p-2 rounded" id="pills-tab-df-tabs" role="tablist">
+    <f:for each="{tabElements}" as="data_item" iteration="iterator">
+        <li class="nav-item" role="presentation">
+            <button class="nav-link {f:if(condition: iterator.isFirst, then: 'active')}"
+                id="pills-{data_item.record}-{iterator.index}-tab" data-bs-toggle="pill"
+                data-bs-target="#pills-{data_item.record}-{iterator.index}" type="button" role="tab"
+                aria-controls="pills-{data_item.record}-{iterator.index}"
+                aria-selected="{f:if(condition: iterator.isFirst, then: 'true', else: 'false')}">
+                {data_item.title -> f:format.raw()}
+            </button>
+        </li>
+    </f:for>
+</ul>
+<div class="tab-content pt-4">
+    <f:for each="{tabElements}" as="data_item" iteration="iterator">
+        <div class="tab-pane fade {f:if(condition: iterator.isFirst, then: 'show active')}"
+            id="pills-{data_item.record}-{iterator.index}" role="tabpanel"
+            aria-labelledby="pills-{data_item.record}-{iterator.index}-tab" tabindex="0">
+            {data_item.content -> f:format.raw()}
+        </div>
+    </f:for>
+</div>
\ No newline at end of file