fix: correct IconButton fill and Box gap types in VoiceMessageRecorder

- fill="Solid" → fill="Soft" (valid values: Soft | None)
- gap="50" → gap="100" (valid sizes: 100–700)

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

src/app/components/VoiceMessageRecorder.tsx

@@ -207,7 +207,7 @@ export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) {
         </Text>
         <Box
           alignItems="Center"
-          gap="50"
+          gap="100"
           style={{ height: toRem(20), overflow: 'hidden', flexShrink: 0 }}
         >
           {waveformBars.map((h, i) => (
@@ -228,7 +228,7 @@ export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) {
           onClick={stopRecording}
           aria-label="Stop recording"
           variant="Primary"
-          fill="Solid"
+          fill="Soft"
           size="300"
           radii="300"
           title="Stop recording"