backoffice cleen up

apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.tsx

@@ -180,23 +180,37 @@ const FreightSidebar = ({
           href={item.href}
           className="fsb-item"
           data-active={isActive}
-          onClick={(e) => navigateTo(e, item.href!)}
+          onClick={(e) => {
+            if (hasChildren) {
+              setExpanded((current) => ({
+                ...current,
+                [item.href!]: true,
+              }));
+            }
+            navigateTo(e, item.href!);
+          }}
         >
           {item.icon && <span className="fsb-icon">{item.icon}</span>}
           <span className="fsb-item-label">{item.label}</span>
           {hasChildren && (
-            <ChevronDown
-              size={16}
-              className="fsb-chevron"
-              style={{
-                transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)",
-              }}
+            <button
+              type="button"
+              className="fsb-chevron-btn"
+              aria-label={isOpen ? "Collapse section" : "Expand section"}
               onClick={(e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 toggleExpanded(item.href!);
               }}
-            />
+            >
+              <ChevronDown
+                size={16}
+                className="fsb-chevron"
+                style={{
+                  transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)",
+                }}
+              />
+            </button>
           )}
         </a>