feat: add scroll snap to point one column at the time

Author: chertik77

src/widgets/kanban-board/ui/board/Board.tsx

@@ -63,7 +63,9 @@ export const Board = () => {
         </h2>
         <Filters />
       </div>
-      <ScrollArea.Viewport className='w-full flex-1 pb-4'>
+      <ScrollArea.Viewport
+        className='max-desktop:snap-x max-desktop:snap-mandatory w-full flex-1
+          pb-4'>
         <DragAndDropProvider initialColumns={board.columns}>
           <ColumnList backgroundURL={backgroundURL} />
           <KanbanDragOverlay />

src/widgets/kanban-board/ui/column/ColumnListItem.tsx

@@ -25,7 +25,7 @@ export const ColumnListItem = ({
   return (
     <li
       className={cn(
-        'w-[334px] touch-manipulation list-none rounded-lg',
+        'w-[334px] touch-manipulation snap-center list-none rounded-lg',
         isOverlay && 'styled-outline',
         isDragging && 'opacity-60 select-none'
       )}