Feat: Replace color variables according to design draft #3221 (#9305)

### What problem does this PR solve?

Feat: Replace color variables according to design draft #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/ui/sidebar.tsx

@@ -316,6 +316,7 @@ const SidebarRail = React.forwardRef<
         '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
         className,
       )}
+      type="button"
       {...props}
     />
   );