feat: server access post release QA (#6316)

* fix: clicking users in table in app takes you to blank page instead of website

* fix: wrong loader icon on server panel

* fix: surface var misalignment

* fix: password managers still detecting username field as something to autofill

* feat: show users on backupitem components

* feat: seperators for filter sections

* fix: lint + change remove -> revoke

* fix: copy

* feat: align copy

packages/ui/src/stories/servers/BackupItem.stories.ts

@@ -17,6 +17,18 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
+const creator: Archon.BackupsQueue.v1.UserInfo = {
+	id: 'traben',
+	username: 'Traben',
+	avatar_url: 'https://cdn.modrinth.com/user/6Qo4A5QT/9d81be1a9fb1afd163b7f2f05a791955e7693c90.png',
+}
+
+const supportCreator: Archon.BackupsQueue.v1.UserInfo = {
+	id: 'support',
+	username: 'Support',
+	avatar_url: null,
+}
+
 function makeBackup(
 	overrides: Partial<Archon.BackupsQueue.v1.BackupQueueBackup> = {},
 ): Archon.BackupsQueue.v1.BackupQueueBackup {
@@ -36,6 +48,7 @@ export const Default: Story = {
 	name: 'Default (manual)',
 	args: {
 		backup: makeBackup({ name: 'Base finished!!' }),
+		creator,
 	},
 }
 
@@ -46,6 +59,14 @@ export const Automated: Story = {
 	},
 }
 
+export const SupportCreated: Story = {
+	name: 'Support created',
+	args: {
+		backup: makeBackup({ name: 'Support recovery point' }),
+		creator: supportCreator,
+	},
+}
+
 export const Preview: Story = {
 	name: 'Preview (compact, used in delete modal)',
 	args: {
@@ -85,12 +106,16 @@ export const CommonStates: Story = {
 
 			return {
 				manual: makeBackup({ name: 'Base finished!!' }),
+				support: makeBackup({ id: 'backup-support', name: 'Support recovery point' }),
 				automated: makeBackup({ automated: true, name: 'Backup #2' }),
+				creator,
+				supportCreator,
 			}
 		},
 		template: /* html */ `
 			<div style="display: flex; flex-direction: column; gap: 0.75rem; max-width: 900px;">
-				<BackupItem :backup="manual" />
+				<BackupItem :backup="manual" :creator="creator" />
+				<BackupItem :backup="support" :creator="supportCreator" />
 				<BackupItem :backup="automated" />
 				<BackupItem :backup="manual" preview />
 			</div>