feat: enhance ESLint configuration and improve component error handling

- Updated ESLint configuration to include support for `.mjs` and `.cjs` file types, adding necessary global variables for Node.js and browser environments.
- Introduced a new `vite-env.d.ts` file to define environment variables for Vite, improving type safety.
- Refactored error handling in `file-browser-dialog.tsx`, `description-image-dropzone.tsx`, and `feature-image-upload.tsx` to omit error parameters, simplifying the catch blocks.
- Removed unused bug report button functionality from the sidebar, streamlining the component structure.
- Adjusted various components to improve code readability and maintainability, including updates to type imports and component props.

These changes aim to enhance the development experience by improving linting support and simplifying error handling across components.

apps/ui/tests/utils/components/toasts.ts

@@ -1,5 +1,4 @@
-import { Page, Locator } from "@playwright/test";
-import { waitForElement } from "../core/waiting";
+import { Page, Locator } from '@playwright/test';
 
 /**
  * Wait for a toast notification with specific text to appear
@@ -12,7 +11,7 @@ export async function waitForToast(
   const toast = page.locator(`[data-sonner-toast]:has-text("${text}")`).first();
   await toast.waitFor({
     timeout: options?.timeout ?? 5000,
-    state: "visible",
+    state: 'visible',
   });
   return toast;
 }
@@ -32,19 +31,21 @@ export async function waitForErrorToast(
 
   if (titleText) {
     // First try specific error type, then fallback to any toast with text
-    const errorToast = page.locator(
-      `[data-sonner-toast][data-type="error"]:has-text("${titleText}"), [data-sonner-toast]:has-text("${titleText}")`
-    ).first();
+    const errorToast = page
+      .locator(
+        `[data-sonner-toast][data-type="error"]:has-text("${titleText}"), [data-sonner-toast]:has-text("${titleText}")`
+      )
+      .first();
     await errorToast.waitFor({
       timeout,
-      state: "visible",
+      state: 'visible',
     });
     return errorToast;
   } else {
     const errorToast = page.locator('[data-sonner-toast][data-type="error"]').first();
     await errorToast.waitFor({
       timeout,
-      state: "visible",
+      state: 'visible',
     });
     return errorToast;
   }
@@ -53,10 +54,7 @@ export async function waitForErrorToast(
 /**
  * Check if an error toast is visible
  */
-export async function isErrorToastVisible(
-  page: Page,
-  titleText?: string
-): Promise<boolean> {
+export async function isErrorToastVisible(page: Page, titleText?: string): Promise<boolean> {
   const toastSelector = titleText
     ? `[data-sonner-toast][data-type="error"]:has-text("${titleText}")`
     : '[data-sonner-toast][data-type="error"]';
@@ -81,7 +79,7 @@ export async function waitForSuccessToast(
   const toast = page.locator(toastSelector).first();
   await toast.waitFor({
     timeout: options?.timeout ?? 5000,
-    state: "visible",
+    state: 'visible',
   });
   return toast;
 }