Add components for Act management and integrate Electron setup

components/NoPicture.tsx

@@ -0,0 +1,13 @@
+import React, {useContext} from "react";
+import {SessionContext} from "@/context/SessionContext";
+
+export default function NoPicture() {
+    const {session} = useContext(SessionContext);
+    return (
+        <div
+            className="bg-primary text-text-primary rounded-full w-8 h-8 border-2 border-primary-dark hover:bg-primary-dark flex items-center justify-center text-sm font-semibold transition-all duration-200 hover:scale-110 shadow-md hover:shadow-lg">
+            <span>{session.user?.name && session.user.name.charAt(0).toUpperCase()}</span>
+            <span>{session.user?.lastName && session.user.lastName.charAt(0).toUpperCase()}</span>
+        </div>
+    )
+}