Created a waveform component to display the recording's waveform

yarn.lock

@@ -1071,6 +1071,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/debounce@npm:*":
+  version: 3.0.0
+  resolution: "@types/debounce@npm:3.0.0"
+  checksum: af99f44f8ce90388aa5a909066c64b4ddc5efdff72bccf7dcef1fe8a04f03d03a7a42cc1f42ff14620c66923f92600ccfeb768bd77ad250f12a6ebca116ca719
+  languageName: node
+  linkType: hard
+
 "@types/express-serve-static-core@npm:^4.17.33":
   version: 4.17.33
   resolution: "@types/express-serve-static-core@npm:4.17.33"
@@ -1256,6 +1263,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/wavesurfer.js@npm:^6.0.6":
+  version: 6.0.6
+  resolution: "@types/wavesurfer.js@npm:6.0.6"
+  dependencies:
+    "@types/debounce": "*"
+  checksum: 732e9985075dfd4a9fa9cfa0dd959a3d4243fa16a7a11abe953a98a9a391a76878e0451f9bf1b8f2356d6822fbf34c8e5b278af60b6818c1c47e1fbe2cc1a5eb
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/parser@npm:^5.42.0":
   version: 5.51.0
   resolution: "@typescript-eslint/parser@npm:5.51.0"
@@ -3998,6 +4014,7 @@ __metadata:
     "@types/react": 18.0.27
     "@types/react-dom": 18.0.10
     "@types/uuid": ^9.0.1
+    "@types/wavesurfer.js": ^6.0.6
     "@wixc3/react-board": ^2.2.0
     autoprefixer: ^10.4.13
     axios: ^1.3.5
@@ -4029,6 +4046,7 @@ __metadata:
     tailwindcss: ^3.2.4
     typescript: 4.9.5
     uuid: ^9.0.0
+    wavesurfer.js: ^6.6.4
     zustand: ^4.3.6
   languageName: unknown
   linkType: soft
@@ -5593,6 +5611,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wavesurfer.js@npm:^6.6.4":
+  version: 6.6.4
+  resolution: "wavesurfer.js@npm:6.6.4"
+  checksum: cee2a98695241ab08edaab8d7b2a5ac59a428b8c8d79fa9c2692b4f95b15da9a61a7f81cd18114da2b37d59dabf7dc4854d0862bedfa98b2650620f05bea567b
+  languageName: node
+  linkType: hard
+
 "webcrypto-core@npm:^1.7.7":
   version: 1.7.7
   resolution: "webcrypto-core@npm:1.7.7"