refactor(editor): extract slider component (#12210)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Introduced a new slider component for line width selection, providing a more interactive and streamlined UI.
  - Added support for using the slider component across relevant panels.
- **Improvements**
  - Simplified the line width selection panel for easier use and improved maintainability.
  - Enhanced event handling to prevent dropdowns from closing when interacting with the panel.
- **Bug Fixes**
  - Improved event propagation control within the line styles panel.
- **Chores**
  - Updated package exports to include the new slider component.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/components/src/slider/utils.ts

@@ -0,0 +1,10 @@
+import type { SliderRange } from './types';
+
+export function isDiscreteRange(range: unknown): range is SliderRange {
+  return (
+    typeof range === 'object' &&
+    range !== null &&
+    'points' in range &&
+    Array.isArray(range.points)
+  );
+}