From 427f4e2a9ac4f79c45b2ba2948dae295221488da Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 12 Jan 2026 19:41:18 +0800
Subject: [PATCH] Update

---
 app/layout.tsx                     |  3 ++-
 components/layout/Navbar.tsx       |  1 -
 components/player/PlayerNavbar.tsx |  1 -
 package-lock.json                  | 39 ++++++++++++++++++++++++++++++
 package.json                       |  1 +
 5 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 398bbbf..73e9ca1 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/ThemeProvider";
+import { Analytics } from "@vercel/analytics/react";
 import { ServiceWorkerRegister } from "@/components/ServiceWorkerRegister";
 import { PasswordGate } from "@/components/PasswordGate";
 import { siteConfig } from "@/lib/config/site-config";
@@ -20,7 +21,6 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: siteConfig.title,
   description: siteConfig.description,
-  referrer: 'no-referrer',
   icons: {
     icon: '/icon.png',
   },
@@ -41,6 +41,7 @@ export default function RootLayout({
           <PasswordGate hasEnvPassword={!!process.env.ACCESS_PASSWORD}>
             {children}
           </PasswordGate>
+          <Analytics />
           <ServiceWorkerRegister />
         </ThemeProvider>
 
diff --git a/components/layout/Navbar.tsx b/components/layout/Navbar.tsx
index 210cf40..1d839c2 100644
--- a/components/layout/Navbar.tsx
+++ b/components/layout/Navbar.tsx
@@ -34,7 +34,6 @@ export function Navbar({ onReset, isPremiumMode = false }: NavbarProps) {
                                     width={40}
                                     height={40}
                                     className="object-contain"
-                                    unoptimized
                                 />
                             </div>
                             <div className="flex flex-col min-w-0">
diff --git a/components/player/PlayerNavbar.tsx b/components/player/PlayerNavbar.tsx
index dedb864..8985f49 100644
--- a/components/player/PlayerNavbar.tsx
+++ b/components/player/PlayerNavbar.tsx
@@ -25,7 +25,6 @@ export function PlayerNavbar({ isPremium }: { isPremium?: boolean }) {
                                 width={40}
                                 height={40}
                                 className="object-contain"
-                                unoptimized
                             />
                         </button>
                         <Button
diff --git a/package-lock.json b/package-lock.json
index e6faa0b..27e91ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/sortable": "^10.0.0",
         "@dnd-kit/utilities": "^3.2.2",
+        "@vercel/analytics": "^1.6.1",
         "hls.js": "^1.6.15",
         "lucide-react": "^0.562.0",
         "next": "16.1.1",
@@ -2390,6 +2391,44 @@
         "win32"
       ]
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.6.1.tgz",
+      "integrity": "sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg==",
+      "license": "MPL-2.0",
+      "peerDependencies": {
+        "@remix-run/react": "^2",
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@remix-run/react": {
+          "optional": true
+        },
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
diff --git a/package.json b/package.json
index 7d80e00..a70ef18 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@vercel/analytics": "^1.6.1",
     "hls.js": "^1.6.15",
     "lucide-react": "^0.562.0",
     "next": "16.1.1",