fix(ui): hide the pinned apps in the icon rail

When the window is narrower than 1024 px the sidebar shrinks to the icon rail by CSS alone, without the collapsed class. The pinned app links were still drawn there, with the indent meant for the full sidebar, so their icons sat to the right of the rail and were cut off. Hide the pinned app links in both rail states. The Apps entry keeps its centred icon. The e2e spec checks that the rail shows no pinned app and that every icon is centred at 1280 px collapsed and at 1000 px.

Assisted-by: Claude Code:claude-sonnet-5-5 node playwright
Signed-off-by: Ettore Di Giacinto <mudler@localai.io>

core/http/react-ui/src/App.css

@@ -628,6 +628,11 @@
   font-size: 1rem;
 }
 
+/* The pinned apps under Apps have no room in the rail. */
+.sidebar.collapsed .nav-item--sub {
+  display: none;
+}
+
 .sidebar.collapsed .sidebar-footer {
   justify-content: center;
   flex-direction: column;
@@ -4055,6 +4060,8 @@ button.collapsible-header:focus-visible {
     margin-inline: calc((var(--sidebar-width-collapsed) - var(--control-h)) / 2);
   }
   .sidebar:not(.open) .nav-icon { width: auto; font-size: 1rem; }
+  /* The pinned apps under Apps have no room in the rail. */
+  .sidebar:not(.open) .nav-item--sub { display: none; }
   .sidebar:not(.open) .sidebar-nav .nav-item.active::after { display: none; }
   .sidebar:not(.open) .sidebar-footer {
     justify-content: center;