修改提示框样式、完成付费片单、推荐跳转

Change-Id: Ie84c53d4e306435144b1f26ceb39cc182e99d57a
diff --git a/src/App.js b/src/App.js
index af1f022..11219d3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Toaster } from 'react-hot-toast';
 import { Route, useLocation } from 'wouter';
 import { UserProvider, useUser } from './context/UserContext';
 
@@ -27,6 +28,7 @@
 import NewUserGuide from './pages/NewUserGuide/NewUserGuide';
 import UserRecharge from './pages/UserCenter/UserRecharge';
 import GroupDetail from './pages/InterestGroup/GroupDetail';
+import PlaylistDetailPage from './pages/SeedList/Recommend/PlaylistDetailPage';
 
 function RedirectToAuth() {
   if (typeof window !== 'undefined') {
@@ -55,6 +57,7 @@
 function App() {
   return (
     <UserProvider>
+      <Toaster />
       <GroupProvider>
         <>
           {/* 公开路由 */}
@@ -78,6 +81,10 @@
           <Route path="/information/:userId" component={({ userId }) => <PrivateRoute component={() => <UserInfo userId={userId} />} />} />
           <Route path="/new-user-guide" component={() => <PrivateRoute component={NewUserGuide} />} />
           <Route path="/group/:groupId" component={({ groupId }) => <PrivateRoute component={() => <GroupDetail groupId={groupId} />} />} />
+          <Route path="/playlist/:id" component={({ id }) => (
+            <PrivateRoute component={() => <PlaylistDetailPage id={id} />} />
+          )} />
+
 
           {/* 用户中心路由 */}
           <Route path="/user/profile" component={() => (