refactor(whisper): make mic button a feature based component

src/components/mic-button/view/MicButton.tsx

@@ -0,0 +1,32 @@
+import { useMicButtonController } from '../hooks/useMicButtonController';
+import MicButtonView from './MicButtonView';
+
+type MicButtonProps = {
+  onTranscript?: (transcript: string) => void;
+  className?: string;
+  mode?: string;
+};
+
+export default function MicButton({
+  onTranscript,
+  className = '',
+  mode: _mode,
+}: MicButtonProps) {
+  const { state, error, isSupported, handleButtonClick } = useMicButtonController({
+    onTranscript,
+  });
+
+  // Keep `mode` in the public props for backwards compatibility.
+  void _mode;
+
+  return (
+    <MicButtonView
+      state={state}
+      error={error}
+      isSupported={isSupported}
+      className={className}
+      onButtonClick={handleButtonClick}
+    />
+  );
+}
+