Add quality gates: Prettier for Astro, astro check for shared, unused SCSS variable lint (#2749)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

shared/ui/AvatarList.astro

@@ -4,34 +4,34 @@
 // NOTE: when `size` is omitted we pass NO size to Avatar — Liquid's
 // `include['size'] | default: 'sm'` resolved to a junk meta-property on callers
 // that omitted size; parity strips those avatar-N classes.
-import Avatar from './Avatar.astro';
-import people from '@data/people.json';
+import Avatar from './Avatar.astro'
+import people from '@data/people.json'
 
 interface Person {
-	full_name?: string;
-	photo?: string;
-	[key: string]: unknown;
+  full_name?: string
+  photo?: string
+  [key: string]: unknown
 }
 
 interface Props {
-	limit?: number;
-	offset?: number;
-	stacked?: boolean;
-	/** avatar-list-{size} + forwarded to default Avatars */
-	size?: string;
-	class?: string;
-	/** placeholder avatar appended after the list */
-	text?: string;
+  limit?: number
+  offset?: number
+  stacked?: boolean
+  /** avatar-list-{size} + forwarded to default Avatars */
+  size?: string
+  class?: string
+  /** placeholder avatar appended after the list */
+  text?: string
 }
 
-const { limit = 5, offset = 0, stacked, size, class: className, text } = Astro.props;
+const { limit = 5, offset = 0, stacked, size, class: className, text } = Astro.props
 
-const list = (people as Person[]).slice(offset, offset + limit);
+const list = (people as Person[]).slice(offset, offset + limit)
 ---
 
 <div class:list={['avatar-list', stacked && 'avatar-list-stacked', size && `avatar-list-${size}`, className]}>
-	<slot>
-		{list.map((person) => <Avatar person={person} size={size} />)}
-		{text && <Avatar placeholder={text} size={size} />}
-	</slot>
+  <slot>
+    {list.map((person) => <Avatar person={person} size={size} />)}
+    {text && <Avatar placeholder={text} size={size} />}
+  </slot>
 </div>