refactor: switch to using Bun (#718)

packages/web/src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.test.tsx

@@ -1,8 +1,8 @@
+import { DeleteMessagesDialog } from "@components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 // Ensure the path is correct for import
 import { useMessageStore } from "../../../core/stores/messageStore/index.ts";
-import { DeleteMessagesDialog } from "@components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx";
 
 vi.mock("@core/stores/messageStore", () => ({
   useMessageStore: vi.fn(() => ({
@@ -26,9 +26,7 @@ describe("DeleteMessagesDialog", () => {
   });
 
   it("calls onOpenChange with false when the close button (X) is clicked", () => {
-    render(
-      <DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />,
-    );
+    render(<DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />);
     const closeButton = screen.queryByTestId("dialog-close-button");
     if (!closeButton) {
       throw new Error(
@@ -41,15 +39,15 @@ describe("DeleteMessagesDialog", () => {
   });
 
   it("renders the dialog when open is true", () => {
-    render(
-      <DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />,
-    );
+    render(<DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />);
     expect(screen.getByText("Clear All Messages")).toBeInTheDocument();
-    expect(screen.getByText(/This action will clear all message history./))
-      .toBeInTheDocument();
+    expect(
+      screen.getByText(/This action will clear all message history./),
+    ).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Dismiss" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Clear Messages" }))
-      .toBeInTheDocument();
+    expect(
+      screen.getByRole("button", { name: "Clear Messages" }),
+    ).toBeInTheDocument();
   });
 
   it("does not render the dialog when open is false", () => {
@@ -60,18 +58,14 @@ describe("DeleteMessagesDialog", () => {
   });
 
   it("calls onOpenChange with false when the dismiss button is clicked", () => {
-    render(
-      <DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />,
-    );
+    render(<DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />);
     fireEvent.click(screen.getByRole("button", { name: "Dismiss" }));
     expect(mockOnOpenChange).toHaveBeenCalledTimes(1); // Add count check
     expect(mockOnOpenChange).toHaveBeenCalledWith(false);
   });
 
   it("calls deleteAllMessages and onOpenChange with false when the clear messages button is clicked", () => {
-    render(
-      <DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />,
-    );
+    render(<DeleteMessagesDialog open onOpenChange={mockOnOpenChange} />);
     fireEvent.click(screen.getByRole("button", { name: "Clear Messages" }));
     expect(mockClearAllMessages).toHaveBeenCalledTimes(1);
     expect(mockOnOpenChange).toHaveBeenCalledTimes(1); // Add count check

packages/web/src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx

@@ -9,8 +9,8 @@ import {
   DialogTitle,
 } from "@components/UI/Dialog.tsx";
 import { AlertTriangleIcon } from "lucide-react";
-import { useMessageStore } from "../../../core/stores/messageStore/index.ts";
 import { useTranslation } from "react-i18next";
+import { useMessageStore } from "../../../core/stores/messageStore/index.ts";
 
 export interface DeleteMessagesDialogProps {
   open: boolean;
@@ -41,11 +41,7 @@ export const DeleteMessagesDialog = ({
           </DialogDescription>
         </DialogHeader>
         <DialogFooter className="mt-4">
-          <Button
-            variant="outline"
-            onClick={handleCloseDialog}
-            name="dismiss"
-          >
+          <Button variant="outline" onClick={handleCloseDialog} name="dismiss">
             {t("button.dismiss")}
           </Button>
           <Button