Changed props to be read-only, started using coalescing operator

src/main/events/library/update-game-custom-assets.ts

@@ -21,16 +21,9 @@ const updateGameCustomAssets = async (
   const updatedGame = {
     ...existingGame,
     title,
-    customIconUrl:
-      customIconUrl !== undefined ? customIconUrl : existingGame.customIconUrl,
-    customLogoImageUrl:
-      customLogoImageUrl !== undefined
-        ? customLogoImageUrl
-        : existingGame.customLogoImageUrl,
-    customHeroImageUrl:
-      customHeroImageUrl !== undefined
-        ? customHeroImageUrl
-        : existingGame.customHeroImageUrl,
+    customIconUrl: customIconUrl ?? existingGame.customIconUrl,
+    customLogoImageUrl: customLogoImageUrl ?? existingGame.customLogoImageUrl,
+    customHeroImageUrl: customHeroImageUrl ?? existingGame.customHeroImageUrl,
   };
 
   await gamesSublevel.put(gameKey, updatedGame);

src/renderer/src/components/sidebar/sidebar-adding-custom-game-modal.tsx

@@ -17,10 +17,10 @@ export interface SidebarAddingCustomGameModalProps {
   onClose: () => void;
 }
 
-export function SidebarAddingCustomGameModal({
+export function SidebarAddingCustomGameModal ({
   visible,
   onClose,
-}: SidebarAddingCustomGameModalProps) {
+}: Readonly<SidebarAddingCustomGameModalProps>) { 
   const { t } = useTranslation("sidebar");
   const { updateLibrary } = useLibrary();
   const { showSuccessToast, showErrorToast } = useToast();

src/renderer/src/pages/game-details/modals/edit-custom-game-modal.tsx

@@ -20,7 +20,7 @@ export function EditCustomGameModal({
   onClose,
   game,
   onGameUpdated,
-}: EditCustomGameModalProps) {
+}: Readonly<EditCustomGameModalProps>) {
   const { t } = useTranslation("sidebar");
   const { showSuccessToast, showErrorToast } = useToast();