fix nav animation and some overflowing text

src/lib/Nav/ThemeToggle.svelte

@@ -17,7 +17,7 @@
 
 <button
 	on:click={toggle}
-	class="theme-toggle button text-text flex items-center text-sm"
+	class="theme-toggle button text-text flex items-center text-sm navPlus1:!p-x-[.25rem]"
 	aria-label="Toggle theme"
 >
 	<div

src/routes/contact/+page.svelte

@@ -21,6 +21,7 @@
 <p>
 	We have an XMPP MUC for general discussion about Project Segfault over at <a
 		href="https://join.jabber.network/#general@conference.projectsegfau.lt?join"
+		class="break-all"
 		>#general@conference.projectsegfau.lt</a
 	>.
 </p>

src/routes/instances/+page.svelte

@@ -63,7 +63,7 @@
 					{#each category.data as instance}
 						<a
 							href={instance.geo || instance.eu || instance.in }
-							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text"
+							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text break-all"
 						>
 							{#if instance.icon}
 								<img
@@ -94,7 +94,7 @@
 								instance.geo ||
 								instance.eu ||
 								instance.in}
-							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text"
+							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text break-all"
 						>
 							{#if instance.icon}
 								<img

src/routes/legal/privacy-policy/+page.svelte

@@ -9,7 +9,7 @@
 
 <h2>We don't collect more information than we need to.</h2>
 
-<PMargin
+<PMargin class="break-all"
 	>We have disabled request logging. This is because it is extremely
 	identifiable. This means that, for example, what website you visited and
 	what path you visited (like https://libreddit.projectsegfau.lt/r/cats), your