feat(electron): recording popups (#11016)

Added a recording popup UI for the audio recording feature in the desktop app, improving the user experience when capturing audio from applications.

### What changed?

- Created a new popup window system for displaying recording controls
- Added a dedicated recording UI with start/stop controls and status indicators
- Moved audio encoding logic from the main app to a dedicated module
- Implemented smooth animations for popup appearance/disappearance
- Updated the recording workflow to show visual feedback during recording process
- Added internationalization support for recording-related text
- Modified the recording status flow to include new states: new, recording, stopped, ready

fix AF-2340

packages/frontend/apps/electron/src/shared/utils.ts

@@ -48,7 +48,7 @@ export class MessageEventChannel implements EventBasedChannel {
 export const resourcesPath = join(__dirname, `../resources`);
 
 // credit: https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/core/shallowEqual.js
-export function shallowEqual(objA: any, objB: any) {
+export function shallowEqual<T>(objA: T, objB: T) {
   if (Object.is(objA, objB)) {
     return true;
   }
@@ -73,7 +73,7 @@ export function shallowEqual(objA: any, objB: any) {
   for (const key of keysA) {
     if (
       !Object.prototype.hasOwnProperty.call(objB, key) ||
-      !Object.is(objA[key], objB[key])
+      !Object.is(objA[key as keyof T], objB[key as keyof T])
     ) {
       return false;
     }