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/framework/std/src/view/decorators/required.ts

@@ -18,6 +18,7 @@ export const PropTypes = {
     if (typeof value !== 'object' || value === null) return false;
     return Object.values(value).every(validator);
   },
+  of: (validator: ValidatorFunction) => (value: unknown) => validator(value),
 };
 
 function validatePropTypes<T extends InstanceType<Constructor>>(