[BootstrapAdminUi] fix template upgrade tabler.io (#346)

Fix some templates issue from upgrade tabler/core on this PR :
#319

Alert template : 
From
<img width="1354" height="116" alt="image"
src="https://github.com/user-attachments/assets/3e9d3513-a2d8-48c6-bd95-fa2e2c5aec2a"
/>
To
<img width="1312" height="94" alt="image"
src="https://github.com/user-attachments/assets/dde7d0c2-1a52-43e1-a4b0-19b70f35e886"
/>

Data table pagination :
From
<img width="544" height="127" alt="image"
src="https://github.com/user-attachments/assets/b9a20963-051c-4e76-8c56-ae25b04e5a1e"
/>
To
<img width="544" height="127" alt="image"
src="https://github.com/user-attachments/assets/02a3d6e3-38c0-4f98-b600-a96dc8fd90fd"
/>

Search :
From
<img width="247" height="87" alt="image"
src="https://github.com/user-attachments/assets/79f96255-a332-45b4-983c-d32dc11daaa1"
/>
To
<img width="247" height="87" alt="image"
src="https://github.com/user-attachments/assets/44d7b877-070e-4d95-a8be-cfd23880330b"
/>

Update template come from : 
-
https://github.com/Sylius/Sylius/blob/2.3/src/Sylius/Bundle/AdminBundle/templates/shared/crud/common/content/flashes.html.twig
-
https://github.com/Sylius/Sylius/blob/2.3/src/Sylius/Bundle/AdminBundle/templates/shared/crud/index/content/grid/data_table.html.twig
-
https://github.com/Sylius/Sylius/blob/2.3/src/Sylius/Bundle/AdminBundle/templates/shared/crud/common/sidebar/search.html.twig

Author: loic425

src/BootstrapAdminUi/assets/styles/_alert.scss

@@ -6,9 +6,3 @@
  * For the full copyright and license information, please view the LICENSE
  * file that was distributed with this source code.
  */
-
-.sylius {
-    &.alert {
-        background-color: #fff;
-    }
-}

src/BootstrapAdminUi/public/app.css

@@ -12,34 +12,30 @@
         {% for type in ['success', 'error', 'info', 'warning'] %}
             {% for flash in session.flashbag.get(type) %}
                 <div
-                    class="mt-3 sylius alert alert-{{ type == 'error' ? 'danger' : type }}"
+                    class="mt-3 sylius alert alert-{{ type == 'error' ? 'danger' : type }} alert-dismissible"
                     role="alert"
                     {{ sylius_test_html_attribute('sylius-flash-message') }}
                     {{ sylius_test_html_attribute('sylius-flash-message-type', type) }}
                 >
-                    <div class="d-flex justify-content-between">
-                        <div class="d-flex">
-                            <div>
-                                {{ ux_icon(icons[type]) }}
-                            </div>
-                            <div class="mx-2">
-                                <h4 class="alert-title">
-                                    {% set header = 'sylius.ui.' ~ type %}
-                                    {{ header|trans }}
-                                </h4>
-                                <div class="text-secondary">
-                                    {% if flash is iterable %}
-                                        {{ flash.message|trans(flash.parameters, 'flashes') }}
-                                    {% else %}
-                                        {{ flash|trans({}, 'flashes') }}
-                                    {% endif %}
-                                </div>
-                            </div>
+                    <div class="alert-icon">
+                        {{ ux_icon(icons[type]) }}
+                    </div>
+                    <div>
+                        <h4 class="alert-heading">
+                            {% set header = 'sylius.ui.' ~ type %}
+                            {{ header|trans }}
+                        </h4>
+                        <div class="alert-description">
+                            {% if flash is iterable %}
+                                {{ flash.message|trans(flash.parameters, 'flashes') }}
+                            {% else %}
+                                {{ flash|trans({}, 'flashes') }}
+                            {% endif %}
                         </div>
-                        <span class="justify-self-end close" data-bs-dismiss="alert" aria-label="Close">
-                            {{ ux_icon('tabler:x') }}
-                        </span>
                     </div>
+                    <a class="btn-close" data-bs-dismiss="alert" aria-label="close">
+                        {{ ux_icon('tabler:x') }}
+                    </a>
                 </div>
             {% endfor %}
         {% endfor %}

src/BootstrapAdminUi/public/app.rtl.css

@@ -1,5 +1,5 @@
 <div class="input-group ps-2 pt-2 pb-3 menu-search">
     <button class="btn btn-sm" type="button" disabled data-menu-search-icon>{{ ux_icon('tabler:search', {'class': 'icon mx-1'}) }}</button>
-    <button class="btn btn-sm" type="button" data-menu-search-clear>{{ ux_icon('tabler:x', {'class': 'icon mx-1'}) }}</button>
-    <input class="form-control form-control-sm" placeholder="{{ 'sylius.ui.search_menu'|trans }}..." type="text" data-menu-search>
+    <button class="btn btn-sm btn-dark" type="button" data-menu-search-clear>{{ ux_icon('tabler:x', {'class': 'icon mx-1'}) }}</button>
+    <input class="form-control form-control-sm text-white" placeholder="{{ 'sylius.ui.search_menu'|trans }}..." type="text" data-menu-search>
 </div>

src/BootstrapAdminUi/templates/shared/crud/common/content/flashes.html.twig

@@ -35,7 +35,7 @@
                 </tbody>
             </table>
         </div>
-        <div class="card-footer d-flex align-items-center">
+        <div class="card-footer d-flex align-items-center gap-2 flex-wrap">
             <div class="text-muted">
                 {{ pagination.results_count(data) }}
             </div>