fix styles

app/dashboard/[guildId]/page.tsx

···
 
         <Switch
             label="Embed message links"
-            badge="Experimental"
             endpoint={`/guilds/${params.guildId}`}
             k="embedLinks"
             description="Reply with the original content of a message if a message link is sent."

components/dashboard/lists/selector.tsx

···
                         buttons={<>
                             <Button
                                 variant="secondary"
-                                className="bg-secondary/30 text-secondary-800"
+                                className="bg-secondary/30"
                                 onClick={() => set(i.id)}
                             >
                                 <HiPencil />

components/inputs/dumb-text-input.tsx

···
     dataName
 }: Props) {
     const className = cn(
-        "resize-y w-full dark:bg-wamellow bg-wamellow-100 rounded-lg flex items-center px-3.5 py-2 focus:outline-solid outline-violet-400 caret-violet-400 outline-2",
+        "resize-y w-full dark:bg-wamellow bg-wamellow-100 rounded-lg flex items-center px-3.5 py-2 focus:outline-violet-400 focus:outline-2",
         max > 300 ? "h-28" : (thin ? "h-10" : "h-12"),
         thin && "relative bottom-1",
         disabled && "cursor-not-allowed opacity-50"