fix missing greeting cache update

app/dashboard/[guildId]/greeting/farewell/page.tsx

···
             endpoint={`/guilds/${guild?.id}/modules/bye`}
             k="enabled"
             defaultState={data.enabled || false}
-            disabled={false}
-            onSave={(s) => {
-                edit("enabled", s);
-            }}
+            onSave={(s) => edit("enabled", s)}
         />
 
         <NumberInput
···
             dataName="deleteAfter"
             defaultState={data.deleteAfter ?? 0}
             disabled={!data.enabled}
+            onSave={(n) => edit("deleteAfter", n)}
         />
 
         <div className="flex md:gap-4 gap-2">
···
                 description="Select the channel where the farewell message should be send into"
                 defaultState={data.channelId}
                 disabled={!data.enabled}
+                onSave={(o) => edit("channelId", o.value)}
             />
 
             <Fetch
···
             )}
             showMessageAttachmentComponentInEmbed={data.card.inEmbed}
             disabled={!data.enabled}
+            onSave={(message) => edit("message", message)}
         >
 
             <div className={cn("mt-2 mb-4 border-2 dark:border-wamellow border-wamellow-100 rounded-xl p-6", !data.card.enabled && "pb-0")}>

app/dashboard/[guildId]/greeting/passport/complete-setup.tsx

···
 }: Props) {
     const [modal, setModal] = useState<ModalType>(ModalType.None);
 
-    const [roleId, setRoleId] = useState<string>();
+    const [roleId, setRoleId] = useState<string | null>(null);
 
     useEffect(() => {
         if (!data.enabled) return;
···
                     })
                 });
             }}
-            onSuccess={() => {
-                edit("successRoleId", roleId);
-            }}
+            onSuccess={() => edit("successRoleId", roleId)}
         >
             <SelectMenu
                 name="Role"
                 items={createSelectableItems(guild?.roles, ["RoleHirachy"])}
                 description="Select what role members should get when completing verification."
                 defaultState={data.punishmentRoleId}
-                onSave={(o) => {
-                    setRoleId(o.value as string);
-                }}
+                onSave={(o) => setRoleId(o.value)}
             />
         </Modal>
 
···
                     })
                 });
             }}
-            onSuccess={() => {
-                edit("punishmentRoleId", roleId);
-            }}
+            onSuccess={() => edit("punishmentRoleId", roleId)}
         >
             <SelectMenu
                 name="Role"
                 items={createSelectableItems(guild?.roles, ["RoleHirachy"])}
                 description="Select what role members should get when failing verification."
                 defaultState={data.punishmentRoleId}
-                onSave={(o) => {
-                    setRoleId(o.value as string);
-                }}
+                onSave={(o) => setRoleId(o.value)}
             />
         </Modal>
     </>);

app/dashboard/[guildId]/greeting/passport/page.tsx

···
             k="enabled"
             defaultState={data.enabled}
             disabled={false}
-            onSave={(s) => {
-                edit("enabled", s);
-            }}
+            onSave={(s) => edit("enabled", s)}
         />
 
         <Switch
···
             k="sendFailedDm"
             defaultState={data.sendFailedDm}
             disabled={!data.enabled}
+            onSave={(s) => edit("sendFailedDm", s)}
         />
 
         <SelectInput
···
             description="Select the channel where verification logs should be send into."
             defaultState={data.channelId}
             disabled={!data.enabled}
+            onSave={(o) => edit("channelId", o.value)}
         />
 
         <div className="lg:flex gap-3">
···
                     defaultState={data.unverifiedRoleId}
                     showClear
                     disabled={!data.enabled}
+                    onSave={(o) => edit("unverifiedRoleId", o.value)}
                 />
             </div>
 
···
                     description="Select what role members should get when completing verification."
                     defaultState={data.successRoleId}
                     disabled={!data.enabled}
+                    onSave={(o) => edit("successRoleId", o.value)}
                 />
             </div>
         </div>
···
                     description="Choose what should happen if a member failes verification."
                     defaultState={data.punishment}
                     disabled={!data.enabled}
-                    onSave={(o) => {
-                        edit("punishment", o.value as ApiV1GuildsModulesPassportGetResponse["punishment"]);
-                    }}
+                    onSave={(o) => edit("punishment", o.value as ApiV1GuildsModulesPassportGetResponse["punishment"])}
                 />
             </div>
 
···
                     description="Select what role members should get when failing verification."
                     defaultState={data.punishmentRoleId}
                     disabled={!data.enabled || data.punishment !== 2}
-                    onSave={(o) => {
-                        edit("punishmentRoleId", o.value as string);
-                    }}
+                    onSave={(o) => edit("punishmentRoleId", o.value)}
                 />
             </div>
         </div>

app/dashboard/[guildId]/greeting/welcome/page.tsx

···
             k="enabled"
             defaultState={data.enabled || false}
             disabled={false}
-            onSave={(s) => {
-                edit("enabled", s);
-            }}
+            onSave={(s) => edit("enabled", s)}
         />
 
         <Switch
···
             k="restore"
             defaultState={data.restore}
             disabled={!data.enabled}
+            onSave={(s) => edit("restore", s)}
         />
 
         <Switch
···
             k="deleteAfterLeave"
             defaultState={data.deleteAfterLeave || false}
             disabled={!data.enabled}
+            onSave={(s) => edit("deleteAfterLeave", s)}
         />
 
         <NumberInput
···
             dataName="deleteAfter"
             defaultState={data.deleteAfter ?? 0}
             disabled={!data.enabled}
+            onSave={(n) => edit("deleteAfter", n)}
         />
 
         <div className="flex md:gap-4 gap-2">
···
                 defaultState={data.channelId}
                 disabled={!data.enabled}
                 showClear
+                onSave={(o) => edit("channelId", o.value)}
             />
 
             <Fetch
···
                     defaultState={data.roleIds}
                     max={5}
                     disabled={!data.enabled}
+                    onSave={(o) => edit("roleIds", o.map(({ value }) => value))}
                 />
             </div>
 
···
                     defaultState={data.pingIds}
                     max={5}
                     disabled={!data.enabled}
+                    onSave={(o) => edit("pingIds", o.map(({ value }) => value))}
                 />
             </div>
         </div>
···
                     defaultState={data.reactions?.firstMessageEmojis}
                     max={2}
                     disabled={!data.enabled}
+                    onSave={(o) => {
+                        edit("reactions", {
+                            ...data.reactions,
+                            firstMessageEmojis: o.map(({ value }) => value)
+                        });
+                    }}
                 />
             </div>
 
···
                     defaultState={data.reactions?.welcomeMessageEmojis}
                     max={2}
                     disabled={!data.enabled}
+                    onSave={(o) => {
+                        edit("reactions", {
+                            ...data.reactions,
+                            welcomeMessageEmojis: o.map(({ value }) => value)
+                        });
+                    }}
                 />
             </div>
         </div>
···
             defaultMessage={data.message}
             messageAttachmentComponent={data.card.enabled && (
                 <Image
-                    src={`https://image-api.wamellow.com/?type=join&username=${encodeURIComponent(user?.username as string)}&members=1090&hash=${encodeURIComponent(user?.id as string)}/${encodeURIComponent(user?.avatar as string)}${data.card.background ? `&background=${encodeURIComponent(data.card.background)}` : ""}`}
-                    width={1024 / 2}
+                    src={`https://image-api.wamellow.com/?type=join&username=${encodeURIComponent(user!.username)}&members=1090&hash=${encodeURIComponent(user!.id)}/${encodeURIComponent(user!.avatar!)}${data.card.background ? `&background=${encodeURIComponent(data.card.background)}` : ""}`}
+                    width={1_024 / 2}
                     height={(256 + 16) / 2}
                     loading="lazy"
                     alt=""
···
             )}
             showMessageAttachmentComponentInEmbed={data.card.inEmbed}
             disabled={!data.enabled}
+            onSave={(message) => edit("message", message)}
         >
 
             <div className={cn("mt-2 mb-4 border-2 dark:border-wamellow border-wamellow-100 rounded-xl p-6", !data.card.enabled && "pb-0")}>
···
             defaultMessage={data.dm?.message}
             isCollapseable={true}
             disabled={!data.enabled}
+            onSave={(message) => {
+                edit("dm", {
+                    ...data.dm,
+                    message
+                });
+            }}
         >
 
             <div className="m-2">
···
                     k="dm.enabled"
                     defaultState={data.dm?.enabled}
                     disabled={!data.enabled}
+                    onSave={(s) => {
+                        edit("dm", {
+                            ...data.dm,
+                            enabled: s
+                        });
+                    }}
                 />
             </div>
 
···
             k="button.ping"
             defaultState={data.button?.ping || false}
             disabled={!data.enabled || !data.button?.enabled}
+            onSave={(s) => {
+                edit("button", {
+                    ...data.button,
+                    ping: s
+                });
+            }}
         />
 
         <div className="lg:flex gap-3 pt-3">
···
                             }))
                     }
                     description="Select the color of the button."
-                    defaultState={data.button?.style}
+                    defaultState={data.button?.style || 1}
                     disabled={!data.enabled || !data.button?.enabled}
+                    onSave={(o) => {
+                        edit("button", {
+                            ...data.button,
+                            style: o.value as 1
+                        });
+                    }}
                 />
             </div>
             <div className="lg:w-1/2">
···
                     description="Select an emoji which will be used in the button."
                     defaultState={data.button?.emoji}
                     disabled={!data.enabled || !data.button?.enabled}
+                    onSave={(o) => {
+                        edit("button", {
+                            ...data.button,
+                            emoji: o.value
+                        });
+                    }}
                 />
             </div>
         </div>

components/inputs/multi-select-menu.tsx

···
     Success = 2
 }
 
-interface Item {
+interface Item<T extends string | number> {
     icon?: React.ReactNode;
     name: string;
-    value: string | number;
+    value: T;
     error?: string;
     color?: number;
 }
 
-interface Props {
+interface Props<T extends string | number> {
     className?: string;
 
     name: string;
     url?: string;
     dataName?: string;
-    items: Item[] | undefined;
+    items: Item<T>[];
     disabled?: boolean;
     max?: number;
     description?: string;
-    defaultState?: (string | number)[];
+    defaultState?: T[];
 
-    onSave?: (options: { name: string; value: string | number | null; error?: string; }[]) => void;
+    onSave?: (options: { name: string; value: T; error?: string; }[]) => void;
 }
 
-export default function MultiSelectMenu({
+export default function MultiSelectMenu<T extends string | number>({
     className,
     name,
     url,
···
     description,
     defaultState,
     onSave
-}: Props) {
+}: Props<T>) {
     const [state, setState] = useState<State>(State.Idle);
     const [error, setError] = useState<string | null>(null);
 
     const [open, setOpen] = useState<boolean>(false);
-    const [defaultvalue, setDefaultalue] = useState<(string | number)[]>([]);
-    const [values, setValues] = useState<Item[]>([]);
+    const [defaultvalue, setDefaultalue] = useState<T[]>([]);
+    const [values, setValues] = useState<Item<T>[]>([]);
 
     useEffect(() => {
         if (!defaultState) return;

components/inputs/select-menu.tsx

···
     Success = 2
 }
 
-interface Item {
+interface Item<T extends string | number> {
     icon?: React.ReactNode;
     name: string;
-    value: string | number | null;
+    value: T | null;
     error?: string;
     color?: number;
 }
 
-interface Props {
+interface Props<T extends string | number> {
     className?: string;
 
     name: string;
     url?: string;
     dataName?: string;
-    items: Item[] | undefined;
+    items: Item<T>[];
     disabled?: boolean;
     description?: string;
-    defaultState?: string | number | null;
+    defaultState?: T | null;
     showClear?: boolean;
 
-    onSave?: (options: { name: string; value: string | number | null; error?: string; }) => void;
+    onSave?: (options: { name: string; value: T | null; error?: string; }) => void;
 }
 
-export default function SelectMenu({
+export default function SelectMenu<T extends string | number>({
     className,
     name,
     url,
···
     defaultState,
     showClear,
     onSave
-}: Props) {
+}: Props<T>) {
     const [state, setState] = useState<State>(State.Idle);
     const [error, setError] = useState<string | null>(null);
 
     const [open, setOpen] = useState<boolean>(false);
-    const [defaultvalue, setDefaultalue] = useState<string | number | null | undefined>();
-    const [value, setValue] = useState<Item | undefined>();
+    const [defaultvalue, setDefaultalue] = useState<T | null | undefined>();
+    const [value, setValue] = useState<Item<T> | undefined>();
 
     useEffect(() => {
         setValue(items.find((i) => i.value === defaultState));