fix type errors

actions/publishToPublication.ts

···
   ColorToRGB,
   ColorToRGBA,
 } from "components/ThemeManager/colorToLexicons";
-import Color from "colorjs.io/types";
-import { parseColor } from "react-aria-components";
+import { parseColor } from "@react-stately/color";
 
 export async function publishToPublication({
   root_entity,

app/(home-pages)/home/LeafletList/LeafletOptions.tsx

···
 import { TemplateSmall } from "components/Icons/TemplateSmall";
 import { MoreOptionsVerticalTiny } from "components/Icons/MoreOptionsVerticalTiny";
 import { addLeafletToHome } from "actions/addLeafletToHome";
+import { produce } from "immer";
 
 export const LeafletOptions = (props: {
   leaflet: PermissionToken;
···
         await mutate(
           (identity) => {
             if (!identity) return;
-            return {
-              ...identity,
-              permission_token_on_homepage: [
-                ...identity.permission_token_on_homepage,
-                {
-                  created_at: props.added_at || new Date().toISOString(),
-                  permission_tokens: {
-                    ...props.leaflet,
-                    leaflets_in_publications: [],
-                  },
+            return produce<typeof identity>((draft) => {
+              draft.permission_token_on_homepage.push({
+                created_at: props.added_at || new Date().toISOString(),
+                permission_tokens: {
+                  ...props.leaflet,
+                  leaflets_to_documents: [],
+                  leaflets_in_publications: [],
                 },
-              ],
-            };
+              });
+            })(identity);
           },
           { revalidate: false },
         );

app/[leaflet_id]/actions/HomeButton.tsx

···
 import { useSmoker } from "../../../components/Toast";
 import { AddToHomeSmall } from "../../../components/Icons/AddToHomeSmall";
 import { HomeSmall } from "../../../components/Icons/HomeSmall";
+import { produce } from "immer";
 
 export function HomeButton() {
   let { permissions } = useEntitySetContext();
···
         await addLeafletToHome(permission_token.id);
         mutate((identity) => {
           if (!identity) return;
-          return {
-            ...identity,
-            permission_token_on_homepage: [
-              ...identity.permission_token_on_homepage,
-              {
-                created_at: new Date().toISOString(),
-                permission_tokens: {
-                  ...permission_token,
-                  leaflets_in_publications: [],
-                },
+          return produce<typeof identity>((draft) => {
+            draft.permission_token_on_homepage.push({
+              created_at: new Date().toISOString(),
+              permission_tokens: {
+                ...permission_token,
+                leaflets_to_documents: [],
+                leaflets_in_publications: [],
               },
-            ],
-          };
+            });
+          })(identity);
         });
         smoker({
           position: {