updates on the new changes and logo fix and some ui changes as well

src/layout/MainLayout/Sidebar.jsx

@@ -6,10 +6,12 @@ import navItems from '@/menu/navItems';
 
 // ==============================|| DOORMILE - SIDE NAV ||============================== //
 // Thin wrapper around Astryx's SideNav template: sections + items driven by navItems.
-// Branding lives in the TopNav heading, so this stays icon+label only (Astryx guidance:
-// avoid a SideNavHeading when TopNav already carries app identity).
+// Branding lives in the TopNav logo only — a second logo here (above the nav items)
+// duplicated it, so this stays icon+label only. Collapse state is controlled from
+// MainLayout so the TopNav logo can track it (round mark collapsed, full wordmark
+// expanded).
 
-export default function Sidebar() {
+export default function Sidebar({ isCollapsed, onCollapsedChange }) {
   const location = useLocation();
   const isActive = (url) => !!url && location.pathname.startsWith(url);
 
@@ -17,7 +19,7 @@ export default function Sidebar() {
     <>
       <SideNav
         className="doormile-side-nav"
-        collapsible={{ defaultIsCollapsed: true, buttonLabel: 'Collapse navigation' }}
+        collapsible={{ isCollapsed, onCollapsedChange, buttonLabel: 'Collapse navigation' }}
         style={{
           // White + a right border/shadow matches the TopNav's chrome so the
           // top and side nav read as one unified surface instead of two
@@ -138,6 +140,16 @@ export default function Sidebar() {
           color: #C01227 !important;
         }
 
+        /* Astryx's sticky-bottom footer wrapper (the toggle button's direct
+           parent, always the nav's last direct child) drops its top padding
+           to 0 in the collapsed state while keeping 8px on the bottom, so
+           the arrow sits flush against the top of its box instead of
+           centered in the rail's height. Restore matching padding on both
+           sides so it centers correctly. */
+        .doormile-side-nav > div:last-child {
+          padding-block: 8px !important;
+        }
+
         /* Collapse/expand toggle (the "<" / ">" chevron button). It sits
            right on the sidebar's edge, so the default square ghost-button
            hover clips against that border and looks broken. Give it a