feat: implement Paarrot API for Electron integration with navigation and IPC handlers

src/app/pages/client/ClientNonUIFeatures.tsx

@@ -27,6 +27,7 @@ import { useSelectedRoom } from '../../hooks/router/useSelectedRoom';
 import { useInboxNotificationsSelected } from '../../hooks/router/useInbox';
 import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
 import { isTauri, sendNotification, setupNotificationTapListener } from '../../utils/tauri';
+import { setPaarrotNavigate, initPaarrotAPI } from '../../paarrot-api';
 
 /**
  * Applies the selected emoji style font to the document.
@@ -322,6 +323,27 @@ function MessageNotifications() {
   );
 }
 
+/**
+ * Initializes the Paarrot API for Electron integration
+ * Registers the navigate function and sets up IPC handlers
+ */
+function PaarrotAPIInitializer() {
+  const navigate = useNavigate();
+  const mx = useMatrixClient();
+
+  useEffect(() => {
+    // Register navigate function for Paarrot API
+    setPaarrotNavigate(navigate);
+    
+    // Initialize Paarrot API handlers
+    initPaarrotAPI(mx);
+    
+    console.log('Paarrot API: Initialized with navigate function');
+  }, [navigate, mx]);
+
+  return null;
+}
+
 type ClientNonUIFeaturesProps = {
   children: ReactNode;
 };
@@ -334,6 +356,7 @@ export function ClientNonUIFeatures({ children }: ClientNonUIFeaturesProps) {
       <FaviconUpdater />
       <InviteNotifications />
       <MessageNotifications />
+      <PaarrotAPIInitializer />
       {children}
     </>
   );