fix build error

frontend/src/app/playlists/page.js

@@ -1,4 +1,3 @@
-'use client';
 import SavedPlaylists from "@/components/SavedPlaylists";
 
 export default function PlaylistsPage() {

frontend/src/components/SavedPlaylists.js

@@ -1,5 +1,5 @@
 "use client";
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { useMusicPlayer } from "@/context/MusicPlayerContext";
 import { formatTitle } from "@/lib/utils";
 import { FaTrash, FaEdit } from "react-icons/fa";
@@ -7,7 +7,12 @@ import "./SavedPlaylists.css";
 
 const SavedPlaylists = () => {
   const { initializePlayer, addToPlayqueue } = useMusicPlayer();
-  const [playlists, setPlaylists] = useState(() => JSON.parse(localStorage.getItem("playlists")) || {});
+  const [playlists, setPlaylists] = useState({});
+
+  useEffect(() => {
+    const storedPlaylists = JSON.parse(localStorage.getItem("playlists")) || {};
+    setPlaylists(storedPlaylists);
+  }, []);
 
   const handlePlayPlaylist = (tracks) => {
     if (tracks.length > 0) {