feat: 支持后台管理跳转

app/layout.tsx

@@ -5,6 +5,7 @@ import SignoutButton from "@/components/signout-button";
 import Logo from "@/components/logo";
 import BackButton from "@/components/back-button";
 import Link from "next/link";
+import { AdminButton } from "@/components/admin-button";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -49,6 +50,7 @@ export default function RootLayout({
             </nav>
             <div className="join">
               <BackButton className="btn join-item" />
+              <AdminButton className="btn join-item" />
               <SignoutButton className="btn join-item" />
             </div>
           </div>

app/songs/search-form.tsx

@@ -28,7 +28,7 @@ export default function SearchForm({
                 {item.name} - {item.artist}
               </span>
               <button className="text-green-500 hover:text-green-700">
-                Add
+                添加
               </button>
             </div>
           ))}

components/admin-button.tsx

@@ -0,0 +1,13 @@
+import Link from "next/link";
+
+export function AdminButton({ className }: { className?: string | undefined }) {
+  return (
+    <Link
+      className={className}
+      target="_blank"
+      href="https://tachy.daoyoucloud.com/apps/danmu-sim/admin"
+    >
+      后台管理
+    </Link>
+  );
+}