feat: new proj moderation page (#6044)

* feat: new proj moderation page

* make requested changes

* add boolean for showing delay message

* fix server icon + shortened code

* fix server icon

* refactor admonitions

* msg correction.

* correction + change spam-notice

* Separate status info from instruction details

* Tweak timing delay msg, thread activity warning, and refer to moderation with consistent terms.

* Whoops, actually updated msgs correctly now.

* prepr + margin

* split out strings, simplify code again

* fix: a few more moderation fixes (#6048)

* fix: move tooltip to button

* fix: lock status buttons after pressing

* fix: unlisted/withheld icon on legacy badge

* prepprrr

* fix banners, add some extra dev mode stuff

* fix thread id copy padding

* tweak: adjust some of the status change messages (#6041)

* update messages & bunch of other stuff

* rename toggle

* change hover to 2.5, fix error size

* private msg overlay

---------

Co-authored-by: coolbot100s <76798835+coolbot100s@users.noreply.github.com>

packages/ui/src/components/base/Admonition.vue

@@ -24,7 +24,7 @@
 					{{ relativeTimeLabel }}
 				</span>
 			</div>
-			<div class="font-normal text-contrast/85">
+			<div class="font-normal text-contrast/85 leading-tight">
 				<slot>{{ body }}</slot>
 			</div>
 			<div v-if="showActionsUnderneath || $slots.actions" class="mt-2">
@@ -80,7 +80,7 @@ import ButtonStyled from './ButtonStyled.vue'
 
 const props = withDefaults(
 	defineProps<{
-		type?: 'info' | 'warning' | 'critical' | 'success'
+		type?: 'info' | 'warning' | 'critical' | 'success' | 'moderation'
 		header?: string
 		body?: string
 		showActionsUnderneath?: boolean
@@ -141,6 +141,7 @@ const typeClasses = {
 	warning: 'border-brand-orange bg-bg-orange',
 	critical: 'border-brand-red bg-bg-red',
 	success: 'border-brand-green bg-bg-green',
+	moderation: 'border-brand-orange bg-bg-orange',
 }
 
 const iconClasses = {
@@ -148,6 +149,7 @@ const iconClasses = {
 	warning: 'text-brand-orange',
 	critical: 'text-brand-red',
 	success: 'text-brand-green',
+	moderation: 'text-brand-orange',
 }
 
 const buttonColors = {
@@ -155,6 +157,7 @@ const buttonColors = {
 	warning: 'orange',
 	critical: 'red',
 	success: 'green',
+	moderation: 'orange',
 } as const
 
 const progressTrackClasses = {
@@ -162,6 +165,7 @@ const progressTrackClasses = {
 	warning: 'bg-brand-orange/20',
 	critical: 'bg-brand-red/20',
 	success: 'bg-brand-green/20',
+	moderation: 'bg-brand-orange/20',
 }
 
 const progressFillClasses = {