feat: bound guild descs so they dont overflow

Signed-off-by: lizzie <lizzie@eden-emu.dev>

src/webpage/emoji.ts

@@ -157,9 +157,11 @@ class Emoji {
 					guildText.classList.add("flexttb", "guildEmojiText");
 
 					const guildName = document.createElement("span");
+					guildName.id = "guildName";
 					guildName.textContent = lookup.guild.name;
 
 					const guildDesc = document.createElement("span");
+					guildDesc.id = "guildDesc";
 					const discoverable = lookup.guild.features.find((_) => _ === "DISCOVERABLE");
 					if (discoverable) {
 						if (lookup.guild.description) {

src/webpage/style.css

@@ -5196,6 +5196,13 @@ img.error::after {
 .guildEmojiText {
 	display: flex;
 	justify-content: center;
+	word-break: break-all;
+	#guildDesc {
+		color: var(--secondary-text-soft);
+		font-size: 0.9em;
+		max-height: 15em;
+		overflow-y: scroll;
+	}
 }
 
 .optionElement:has(.friendGroupSelect) {