feat: backups alignment with Figma (#5559)

* feat: backup admonitions

* feat: align modals + fix backupitem

* fix: body needs opac 80

* fix: lint

packages/ui/src/stories/base/Admonition.stories.ts

@@ -24,6 +24,7 @@ export const AllTypes: Story = {
 				<Admonition type="info" header="Info" body="This is an informational message." />
 				<Admonition type="warning" header="Warning" body="This is a warning message." />
 				<Admonition type="critical" header="Critical" body="This is a critical message." />
+				<Admonition type="success" header="Success" body="This operation completed successfully." />
 			</div>
 		`,
 	}),
@@ -36,3 +37,11 @@ export const WithHeader: Story = {
 		body: 'Please read this carefully before proceeding.',
 	},
 }
+
+export const Success: Story = {
+	args: {
+		type: 'success',
+		header: 'Operation Complete',
+		body: 'Everything went smoothly.',
+	},
+}