fix: resolve component prop exactOptionalPropertyTypes issues

- Add | undefined to DropZone Props interface (item, canDrop, onDrop)
- Fix users.ts by properly typing updates object with | undefined
- Apply optionalProps to SegmentedControl restProps spreading

Maintains 57 errors (some regressed, some fixed).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/lib/api/resources/users.ts

@@ -1,4 +1,5 @@
 import { userAdapter } from '../adapters/user.adapter'
+import { optionalProps } from '$lib/utils/typeShims'
 
 export interface UserUpdateParams {
 	picture?: string | undefined
@@ -27,12 +28,12 @@ export const users = {
 	 */
 	update: async (userId: string, params: UserUpdateParams): Promise<UserResponse> => {
 		// Transform flat params to nested UserInfo structure
-		const updates: Partial<{
+		const updates: {
-			gender: number | undefined
+			gender?: number | undefined
-			language: string | undefined
+			language?: string | undefined
-			theme: string | undefined
+			theme?: string | undefined
-			avatar: { picture?: string | undefined; element?: string | undefined }
+			avatar?: { picture?: string | undefined; element?: string | undefined } | undefined
-		}> = {}
+		} = {}
 
 		if (params.gender !== undefined) updates.gender = params.gender
 		if (params.language !== undefined) updates.language = params.language

src/lib/components/dnd/DropZone.svelte

@@ -8,9 +8,9 @@
 		container: string
 		position: number
 		type: GridItemType
-		item?: GridItem
+		item?: GridItem | undefined
-		canDrop?: boolean
+		canDrop?: boolean | undefined
-		onDrop?: (item: GridItem) => void
+		onDrop?: ((item: GridItem) => void) | undefined
 		children?: any
 	}
 

src/lib/components/ui/segmented-control/SegmentedControl.svelte

@@ -7,6 +7,7 @@
 	import type { Snippet } from 'svelte'
 	import styles from './segmented-control.module.scss'
 	import type { HTMLAttributes } from 'svelte/elements'
+	import { optionalProps } from '$lib/utils/typeShims'
 
 	export type SegmentedControlVariant = 'default' | 'blended' | 'background'
 
@@ -84,7 +85,7 @@
 </script>
 
 <div class={wrapperClassList}>
-	<RadioGroupPrimitive.Root bind:value class={classList} {...restProps}>
+	<RadioGroupPrimitive.Root bind:value class={classList} {...optionalProps(restProps)}>
 		{@render children?.()}
 	</RadioGroupPrimitive.Root>
 </div>