update rank & greet card bg docs

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

···
                         url={`/guilds/${guild?.id}/modules/bye`}
                         ratio="aspect-4/1"
                         dataName="card.background"
-                        description="Enter a url which should be the background for the image card. The recommended image ratio is 4:1 and recommended resolution 1024x256px."
+                        description="Enter a url which should be the background for the image card. The recommended resolution is 906x256px."
                         defaultState={data.card.background || ""}
                         disabled={!enabled || (guild!.flags & GuildFlags.FarewellCard) === 0}
                         onSave={(s) => {

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

···
                         url={`/guilds/${guild?.id}/modules/welcome`}
                         ratio="aspect-4/1"
                         dataName="card.background"
-                        description="Enter a url which should be the background for the image card. The recommended image ratio is 4:1 and recommended resolution 1024x256px."
+                        description="Enter a url which should be the background for the image card. The recommended resolution is 906x256px."
                         defaultState={data.card.background || ""}
                         disabled={!enabled || (guild!.flags & GuildFlags.WelcomeCard) === 0}
                         onSave={(s) => {

app/dashboard/[guildId]/leaderboards/page.tsx

···
                     url={url}
                     ratio="aspect-4/1"
                     dataName="banner"
-                    description="Enter a url which should be the banner of the leaderboard web page. The recomended image ration is 4:1 and recommended resolution 1024x256px."
+                    description="Enter a url which should be the banner of the leaderboard web page. The recommended resolution is 906x256px."
                     defaultState={data.bannerUrl || ""}
                 />
             </div>

app/dashboard/[guildId]/notifications/page.tsx

···
 import { AvatarBadge } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
 import { cacheOptions } from "@/lib/api";
-import { type ApiV1GuildsModulesNotificationsGetResponse, BlueskyNotificationFlags, GuildFlags, NotificationType, TwitchNotificationFlags, YoutubeNotificationFlags } from "@/typings";
+import { type ApiV1GuildsModulesNotificationsGetResponse, BlueskyNotificationFlags, GuildFlags, NotificationFlags, NotificationType, YoutubeNotificationFlags } from "@/typings";
 import { BitfieldManager, bitfieldToArray, transformer } from "@/utils/bitfields";
 import { createSelectableItems } from "@/utils/create-selectable-items";
 import { getCanonicalUrl } from "@/utils/urls";
···
                     width={24}
                     height={24}
                 />
-                : <div className="size-[24px] flex items-center justify-center bg-wamellow rounded-full select-none font-medium text-sm text-neutral-200">
+                : <div className="size-6 flex items-center justify-center bg-wamellow rounded-full select-none font-medium text-sm text-neutral-200">
                     {item.creator.username.slice(0, 2)}
                 </div>
             }
···
                 />
                 : <TextInput
                     className="md:w-1/2 w-full"
-                    name="Ignore regex"
+                    name={flags.has(NotificationFlags.MustNotMatchRegex)
+                        ? "Blacklist regex"
+                        : "Whitelist regex"
+                    }
                     url={url + "/" + item.id}
                     dataName="regex"
-                    description="Posts that match the provided regex will be ignored."
+                    description={flags.has(NotificationFlags.MustNotMatchRegex)
+                        ? "Posts that match the provided regex will be ignored."
+                        : "Only posts that match the provided regex will be sent."
+                    }
                     defaultState={item.regex || ""}
                     onSave={(value) => editItem("regex", value as string)}
                 />
             }
         </div>
 
-        {item.type === NotificationType.Twitch && (
-            <Switch
-                className="mt-2"
-                label="Delete after stream ends"
-                endpoint={url + "/" + item.id}
-                k="flags"
-                defaultState={(item.flags & TwitchNotificationFlags.DeleteAfterStream) !== 0}
-                transform={(value) => value ? [TwitchNotificationFlags.DeleteAfterStream] : []} // very fucked up
-                onSave={(value) => editItem("flags", transformer(value, item.flags, TwitchNotificationFlags.DeleteAfterStream))}
-            />
-        )}
-
         {platformFlags && (
             <TextInput
                 className="md:w-1/2 w-full"
-                name="Ignore regex"
+                name={flags.has(NotificationFlags.MustNotMatchRegex)
+                    ? "Blacklist regex"
+                    : "Whitelist regex"
+                }
                 url={url + "/" + item.id}
                 dataName="regex"
-                description="Posts that match the provided regex will be ignored."
+                description={flags.has(NotificationFlags.MustNotMatchRegex)
+                    ? "Posts that match the provided regex will be ignored."
+                    : "Only posts that match the provided regex will be sent."
+                }
                 defaultState={item.regex || ""}
                 onSave={(value) => editItem("regex", value as string)}
+            />
+        )}
+
+        <Switch
+            className="mt-2"
+            label="Inverted regex (blacklist)"
+            endpoint={url + "/" + item.id}
+            k="flags"
+            defaultState={(item.flags & NotificationFlags.MustNotMatchRegex) !== 0}
+            transform={(value) => value ? [NotificationFlags.MustNotMatchRegex] : []} // very fucked up
+            onSave={(value) => editItem("flags", transformer(value, item.flags, NotificationFlags.MustNotMatchRegex))}
+        />
+
+        {item.type === NotificationType.Twitch && (
+            <Switch
+                className="mt-2"
+                label="Delete after stream ends"
+                endpoint={url + "/" + item.id}
+                k="flags"
+                defaultState={(item.flags & NotificationFlags.DeleteAfterStream) !== 0}
+                transform={(value) => value ? [NotificationFlags.DeleteAfterStream] : []} // very fucked up
+                onSave={(value) => editItem("flags", transformer(value, item.flags, NotificationFlags.DeleteAfterStream))}
             />
         )}
 

app/profile/rank/page.tsx

···
             url="/users/@me/rank"
             ratio="aspect-4/1"
             dataName="background"
-            description="Enter a url which should be the background of your /rank card. The recomended image ration is 4:1 and recommended resolution 1024x256px."
+            description="Enter a url which should be the background of your /rank card. The recommended resolution is 906x256px."
             defaultState={user?.extended?.rank?.background || ""}
             onSave={(value) => {
                 userStore.setState(deepMerge<User>(user, { extended: { rank: { background: value } } }));

public/docs/farewell.md

···
 <mark>
     Please provide a direct link to the image, not a link to a website containing the image.
 </mark>
-<br />
 
 You can create a nice farewell image by **customizing the background for free**.
 
 ![farewell image](/welcome.webp)
 
-Custom background image must be `1024x256px` (width, height) and type of `.png`.<br />
+Custom background image must be `906x256px` (width, height) and type of `.png`, `.jpg`, `.jpeg`, or `.webp`.<br />
 Please note that `cdn.discordapp.com` no longer works due to [attachment authentication](https://discord.com/channels/613425648685547541/697138785317814292/1157372186160537750), you can upload images to [postimg.cc](https://postimg.cc/) and copy the direct image url.
-<br />
-<br />
-
-**Example custom backgrounds:**
-- [images.wamellow.com/static/grass.jpg](https://images.wamellow.com/static/grass.jpg)
-- [images.wamellow.com/static/orange-grass.jpg](https://images.wamellow.com/static/grass.jpg)
-- [images.wamellow.com/static/red-grass.jpg](https://images.wamellow.com/static/red-grass.jpg)
-- [images.wamellow.com/static/rank.png](https://images.wamellow.com/static/rank.png)

public/docs/greetings.md

···
 <mark>
     Please provide a direct link to the image, not a link to a website containing the image.
 </mark>
-<br />
 
 You can create a nice welcome image by **customizing the background for free**.
 
 ![welcome image](/welcome.webp)
 
-Custom background image must be `1024x256px` (width, height) and type of `.png`.<br />
+Custom background image must be `906x256px` (width, height) and type of `.png`, `.jpg`, `.jpeg`, or `.webp`.<br />
 Please note that `cdn.discordapp.com` no longer works due to [attachment authentication](https://discord.com/channels/613425648685547541/697138785317814292/1157372186160537750), you can upload images to [postimg.cc](https://postimg.cc/) and copy the direct image url.
 <br />
 <br />
-
-**Example custom backgrounds:**
-- [images.wamellow.com/static/grass.jpg](https://images.wamellow.com/static/grass.jpg)
-- [images.wamellow.com/static/orange-grass.jpg](https://images.wamellow.com/static/grass.jpg)
-- [images.wamellow.com/static/red-grass.jpg](https://images.wamellow.com/static/red-grass.jpg)
-- [images.wamellow.com/static/rank.png](https://images.wamellow.com/static/rank.png)
 
 ### 🧨 Auto delete
 Automatically delete the welcome message after a certain amount of time. Set to 0 seconds to not delete.