Компонент для кастомизации внешнего вида полосы прокрутки и управления визуальными разделителями на границах прокручиваемой области.

Scrollbar скрывает стандартную полосу прокрутки браузера и предоставляет визуальную обратную связь при достижении верхней или нижней границы контента через разделительные линии. Компонент автоматически определяет ширину скроллбара и адаптирует отображение для систем без видимых полос прокрутки (например, macOS с трекпадом).

**Основные возможности:**

- Скрытие стандартной полосы прокрутки браузера
- Отображение разделителей при достижении границ контента
- Независимое управление верхним и нижним разделителями
- Инверсия логики отображения разделителей
- События для отслеживания позиции скролла
- Поддержка бесконечной прокрутки через события `reachBottom`

**Типичные сценарии использования:**

- Списки с подгрузкой данных при скролле
- Модальные окна и выпадающие меню с прокручиваемым содержимым
- Области с фиксированной высотой и вертикальной прокруткой
- Визуальное разделение контента при прокрутке

```html
<script setup>
const handleReachBottom = () => {
  // Загрузка дополнительных данных
  loadMoreItems()
}
</script>

<template>
  <Scrollbar
    divider
    @reach-bottom="handleReachBottom"
  >
    <div class="content">
      <!-- Прокручиваемое содержимое -->
    </div>
  </Scrollbar>
</template>
```
