Introduce window modes with overlay and transparent overlay

[fperera123]

Fixes #332

Special thanks to @rizvanaga for the inspiring idea behind these updates

Change Log

Added Window Mode Management

Files Affected:

• src/main/main.ts
• src/main/windowHandler.ts
• src/main/windowMode.ts
• src/main/windowState.ts
• src/renderer/lib/utils.ts
• src/renderer/config/app.ts
• src/renderer/pages/dashboard.tsx
• src/renderer/pages/login.tsx
• src/renderer/pages/settings/general.tsx

Changes:

• Introduced the WindowModeManager to handle multiple window modes (overlay, overlayTransparent, windowed) and persist state using local storage.
• Added logic to retrieve, store, and set the window mode across different components and pages, enhancing the UX by allowing seamless switching between modes.
• Implemented a getWindowOptions function that adjusts window behavior based on the mode (e.g., transparent overlays, drag areas, always-on-top properties).
• Updated the dashboard and settings pages to allow real-time switching between window modes, with a dedicated setting in the Settings General Page.
• Added a feature to force exit from overlay mode when the user needs to authenticate, improving security and user experience during critical actions.

Improved UI/UX for Overlay and Transparent Modes

Files Affected:

• src/renderer/pages/dashboard.tsx
• src/renderer/globals.css

Changes:

• Added support for a draggable overlay window with transparent backgrounds, catering to users who prefer a minimal, non-intrusive window experience.
• Incorporated CSS enhancements for shadow effects and responsiveness, especially for the transparent overlay mode, making the UI visually clearer in smaller and dynamic layouts.

Enhanced Responsiveness and UI Scaling

Files Affected:

• tailwind.config.js
• src/renderer/pages/dashboard.tsx
• src/renderer/pages/settings/general.tsx

Changes:

• Improved responsiveness by introducing new breakpoints (2xs, xs) in the Tailwind configuration, allowing better scaling for smaller devices.
• Refined UI elements such as buttons and icons to ensure clear visibility and usability in smaller window modes like the transparent overlay.

Business Logic Improvements and Error Handling

Files Affected:

• src/main/main.ts
• src/renderer/pages/login.tsx
• src/renderer/lib/utils.ts

Changes:

• Introduced safeguards in the login page to automatically revert to windowed mode if the user is in an overlay, preventing authentication errors in transparent or overlay windows.