refactor(music-player): using react-dom-curse

src/App.tsx

@@ -2,7 +2,7 @@ import { BrowserRouter } from "react-router-dom";
 import { MusicPlayer } from "./components/MusicPlayer";
 import { MusicVisualizer } from "./components/MusicVisualizer";
 import { Nvim } from "./components/Nvim/Nvim";
-import { Terminal } from "./components/Terminal";
+import { Kitty } from "./components/Kitty";
 import { AppContextProvider } from "./context/AppContext";
 import { Waybar } from "./components/Waybar/Waybar";
 
@@ -17,23 +17,19 @@ function App() {
         >
           <Waybar />
 
-          <Terminal className="flex-1">
-            <Nvim />
-          </Terminal>
+          <Kitty className="flex-1"></Kitty>
 
-          <div className="flex gap-3">
-            <Terminal className="flex-1 select-none">
+          <div className="flex gap-3 h-[142px]">
+            <Kitty className="flex-1 select-none">
               <MusicPlayer
                 title="Last Tango in Kyoto"
                 artist="Floating Bits"
                 album="Last Tango in Kyoto"
                 duration={93}
               />
-            </Terminal>
+            </Kitty>
 
-            <Terminal className="flex-1">
-              <MusicVisualizer />
-            </Terminal>
+            <Kitty className="flex-1"></Kitty>
           </div>
         </main>
       </BrowserRouter>