Improve login logo & upgrade node packages (#123)

Before

![image](https://github.com/user-attachments/assets/5e56844a-47d1-4dd5-a8ae-fe0e0f77a704)

After 

![image](https://github.com/user-attachments/assets/dfd36e7d-4e1e-4211-929d-66b6e2012e6e)

src/BootstrapAdminUi/assets/styles/_body.scss

@@ -23,6 +23,9 @@
 }
 
 body {
+    --bs-body-bg: #{$body-bg};
+    --bs-tertiary-bg: #{$body-bg};
+    --bs-body-color: #{$body-color};
     font-feature-settings: "cv03", "cv04", "cv11";
 }
 

src/BootstrapAdminUi/assets/styles/_navbar.scss

@@ -0,0 +1,28 @@
+/*!
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+.sylius {
+    &.navbar-nav {
+        gap: 0.5rem;
+    }
+
+    &.navbar-brand-image {
+        height: 4rem;
+    }
+}
+
+.navbar-collapse a.nav-link,
+.navbar-collapse a.dropdown-item {
+    transition: all .1s;
+
+    &:hover {
+        color: var(--tblr-primary) !important;
+        background: transparent;
+    }
+}

src/BootstrapAdminUi/assets/styles/main.scss

@@ -11,17 +11,12 @@
 
 @import "@tabler/core/src/scss/tabler.scss";
 
-body {
-    --bs-body-bg: #{$body-bg};
-    --bs-tertiary-bg: #{$body-bg};
-    --bs-body-color: #{$body-color};
-}
+@import "body";
 
 @import "alert";
 @import "datatable";
 @import "form";
+@import "navbar";
 @import "icons";
 @import "sidebar";
 @import "tom-select";
-
-@import "body";

src/BootstrapAdminUi/package.json

@@ -1,13 +1,15 @@
 {
   "devDependencies": {
+    "@babel/core": "^7.17.0",
+    "@babel/preset-env": "^7.25.8",
     "@fortawesome/fontawesome-free": "^5.8.1",
     "@hotwired/stimulus": "^3.0.0",
     "@popperjs/core": "^2.9.2",
     "@symfony/stimulus-bridge": "^3.2.2",
     "@symfony/ux-autocomplete": "file:vendor/symfony/ux-autocomplete/assets",
     "@symfony/ux-live-component": "file:vendor/symfony/ux-live-component/assets",
-    "@symfony/webpack-encore": "^1.3",
-    "@tabler/core": "tabler/tabler#dev",
+    "@symfony/webpack-encore": "^5.0",
+    "@tabler/core": "^1.0.0-beta21",
     "apexcharts": "^3.41.0",
     "basiclightbox": "^5.0.4",
     "bootstrap": "^5.3.0",
@@ -18,15 +20,16 @@
     "jquery": "^3.5.0",
     "mark.js": "^8.11.1",
     "postcss": "^8.2.10",
-    "sass": "^1.54.8",
-    "sass-loader": "^13.0.0",
+    "sass": "~1.64.2",
+    "sass-loader": "~16.0.1",
     "slugify": "^1.4.0",
     "tom-select": "^2.2.2",
-    "trix": "^1.3.1",
+    "webpack": "^5.72",
+    "webpack-cli": "^5.1.4",
     "webpack-rtl-plugin": "^2.0.0"
   },
   "engines": {
-    "node": "^18 || ^20"
+    "node": "^20"
   },
   "license": "UNLICENSED",
   "private": true,