style(sidebar): update voice package icon

src/app/sidebar/components/voice-package-card.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import Image from "next/image";
+
 import styles from "./voice-package-card.module.css";
 
 export interface VoicePackageCardProps {
@@ -31,22 +33,13 @@ export function VoicePackageCard({
       <header className={styles.header}>
         <h2 className={styles.title}>Voice Message Package</h2>
         <div className={styles.micIcon} aria-hidden="true">
-          <svg
-            width="28"
-            height="28"
-            viewBox="0 0 24 24"
-            fill="none"
-            className={styles.micGlyph}
-          >
-            <path
-              d="M12 14a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v5a3 3 0 0 0 3 3Z"
-              fill="currentColor"
-            />
-            <path
-              d="M19 11a1 1 0 1 0-2 0 5 5 0 0 1-10 0 1 1 0 1 0-2 0 7 7 0 0 0 6 6.92V21a1 1 0 1 0 2 0v-3.08A7 7 0 0 0 19 11Z"
-              fill="currentColor"
-            />
-          </svg>
+          <Image
+            src="/images/sidebar/ic_user_voicemessage.png"
+            alt=""
+            width={100}
+            height={100}
+            className={styles.micImage}
+          />
         </div>
       </header>