feat(integration): add image variants section and standardize code snippets

web/src/components/SectionIndex.vue

@@ -51,7 +51,7 @@ function onJump(id: string) {
 	</nav>
 
 	<div
-		class="sticky -top-5 z-5 order-first -mx-4 -mt-5 mb-5 border-b border-default bg-default px-4 py-2 lg:hidden"
+		class="sticky -top-4 z-5 order-first -mx-4 -mt-4 mb-4 border-b border-default bg-default px-4 py-2 lg:hidden"
 	>
 		<USelectMenu
 			:model-value="active"
@@ -64,6 +64,7 @@ function onJump(id: string) {
 			color="neutral"
 			variant="outline"
 			class="w-full"
+			:content="{ sideOffset: 4 }"
 			:ui="{
 				base: 'h-11 rounded-none border border-accented bg-default px-3 text-base ring-0 hover:bg-default',
 				trailingIcon: 'size-4 text-muted',