'use client';
import React, { useState, useEffect, useRef, useMemo } from 'react';
const VIEW_WIDTH = 1000;
const VIEW_HEIGHT = 600;
// ============================================================================
// BUBBLE SORT VIEW (Preserved)
// ============================================================================
export const BubbleSortView = () => {
const [arr, setArr] = useState([40, 100, 20, 80, 60, 120, 10, 90]);
const [comparing, setComparing] = useState<number[]>([]);
c