use wavesurefer and some styling

electron-ui/src/renderer/App.tsx

@@ -1,11 +1,12 @@
 import { MemoryRouter as Router, Routes, Route } from 'react-router-dom';
+// import 'tailwindcss/tailwind.css';
 import icon from '../../assets/icon.svg';
 import './App.css';
 import AudioTrimmer from './components/AudioTrimer';
 
 function Hello() {
   return (
-    <div>
+    <div className="min-h-screen min-w-screen flex flex-col items-center justify-center bg-midnight text-offwhite">
       {/* <div className="Hello">
         <img width="200" alt="icon" src={icon} />
       </div>
@@ -36,8 +37,9 @@ function Hello() {
           </button>
         </a>
       </div> */}
-      <div>
+      <div className="bg-midnight min-w-screen">
         <AudioTrimmer
+          title="audio_capture_20251206_123108.wav"
           filePath="C:\\Users\\mickl\\Music\\clips\\original\\audio_capture_20250118_000351.wav"
           // section="Section 1"
         />