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/src/components/layout/sidebar.tsx

@@ -155,12 +155,6 @@ export function Sidebar() {
     setNewProjectPath,
   });
 
-  // Handle bug report button click
-  const handleBugReportClick = useCallback(() => {
-    const api = getElectronAPI();
-    api.openExternalLink('https://github.com/AutoMaker-Org/automaker/issues');
-  }, []);
-
   /**
    * Opens the system folder selection dialog and initializes the selected project.
    * Used by both the 'O' keyboard shortcut and the folder icon button.
@@ -273,11 +267,7 @@ export function Sidebar() {
       />
 
       <div className="flex-1 flex flex-col overflow-hidden">
-        <SidebarHeader
-          sidebarOpen={sidebarOpen}
-          navigate={navigate}
-          handleBugReportClick={handleBugReportClick}
-        />
+        <SidebarHeader sidebarOpen={sidebarOpen} navigate={navigate} />
 
         {/* Project Actions - Moved above project selector */}
         {sidebarOpen && (

apps/ui/src/components/layout/sidebar/components/bug-report-button.tsx

@@ -1,11 +1,21 @@
 import { Bug } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import type { BugReportButtonProps } from '../types';
+import { useCallback } from 'react';
+import { getElectronAPI } from '@/lib/electron';
+
+interface BugReportButtonProps {
+  sidebarExpanded: boolean;
+}
+
+export function BugReportButton({ sidebarExpanded }: BugReportButtonProps) {
+  const handleBugReportClick = useCallback(() => {
+    const api = getElectronAPI();
+    api.openExternalLink('https://github.com/AutoMaker-Org/automaker/issues');
+  }, []);
 
-export function BugReportButton({ sidebarExpanded, onClick }: BugReportButtonProps) {
   return (
     <button
-      onClick={onClick}
+      onClick={handleBugReportClick}
       className={cn(
         'titlebar-no-drag px-3 py-2.5 rounded-xl',
         'text-muted-foreground hover:text-foreground hover:bg-accent/80',

apps/ui/src/components/layout/sidebar/components/project-selector-with-options.tsx

@@ -37,7 +37,7 @@ import { useKeyboardShortcutsConfig } from '@/hooks/use-keyboard-shortcuts';
 interface ProjectSelectorWithOptionsProps {
   sidebarOpen: boolean;
   isProjectPickerOpen: boolean;
-  setIsProjectPickerOpen: (value: boolean) => void;
+  setIsProjectPickerOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
   setShowDeleteProjectDialog: (show: boolean) => void;
 }
 

apps/ui/src/components/layout/sidebar/components/sidebar-header.tsx

@@ -6,10 +6,9 @@ import { BugReportButton } from './bug-report-button';
 interface SidebarHeaderProps {
   sidebarOpen: boolean;
   navigate: (opts: NavigateOptions) => void;
-  handleBugReportClick: () => void;
 }
 
-export function SidebarHeader({ sidebarOpen, navigate, handleBugReportClick }: SidebarHeaderProps) {
+export function SidebarHeader({ sidebarOpen, navigate }: SidebarHeaderProps) {
   return (
     <>
       {/* Logo */}
@@ -26,13 +25,13 @@ export function SidebarHeader({ sidebarOpen, navigate, handleBugReportClick }: S
       >
         <AutomakerLogo sidebarOpen={sidebarOpen} navigate={navigate} />
         {/* Bug Report Button - Inside logo container when expanded */}
-        {sidebarOpen && <BugReportButton sidebarExpanded onClick={handleBugReportClick} />}
+        {sidebarOpen && <BugReportButton sidebarExpanded />}
       </div>
 
       {/* Bug Report Button - Collapsed sidebar version */}
       {!sidebarOpen && (
         <div className="px-3 mt-1.5 flex justify-center">
-          <BugReportButton sidebarExpanded={false} onClick={handleBugReportClick} />
+          <BugReportButton sidebarExpanded={false} />
         </div>
       )}
     </>

apps/ui/src/components/layout/sidebar/types.ts

@@ -1,4 +1,5 @@
 import type { Project } from '@/lib/electron';
+import type React from 'react';
 
 export interface NavSection {
   label?: string;
@@ -29,8 +30,3 @@ export interface ThemeMenuItemProps {
   onPreviewEnter: (value: string) => void;
   onPreviewLeave: (e: React.PointerEvent) => void;
 }
-
-export interface BugReportButtonProps {
-  sidebarExpanded: boolean;
-  onClick: () => void;
-}