feat: Enhance package manager detection script and improve type safety in components

- Updated `check-package-manager.js` to disable specific ESLint rules for better readability.
- Refactored `page.tsx` in the login module to remove unnecessary type assertions and improve state management.
- Modified `page.tsx` in the home module to enhance error handling, improve layout with grid system, and limit displayed items.
- Adjusted `PageLayout.tsx` to implement responsive layout changes for the play page.
- Improved `ThemeToggle.tsx` to ensure proper dependency tracking in useEffect.
- Enhanced `VideoCard.tsx` with better type definitions for favorites.
- Updated `db.client.ts` to rename legacy cache prefix for future migration.
- Added runtime configuration types in `types.ts` and extended global Window interface.
- Introduced a new Workbox service worker file for improved caching strategies.

src/components/PageLayout.tsx

@@ -183,20 +183,24 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
             </div>
           )}
 
-          {/* 主内容容器 - 修改布局实现完全居中：左右各留白1/6，主内容区占2/3 */}
+          {/* 主内容容器 - 为播放页面使用特殊布局（83.33%宽度），其他页面使用默认布局（66.67%宽度） */}
           <main className='flex-1 md:min-h-0 mb-14 md:mb-0 md:p-6 lg:p-8'>
-            {/* 使用flex布局实现三等分 */}
+            {/* 使用flex布局实现宽度控制 */}
             <div className='flex w-full min-h-screen md:min-h-[calc(100vh-10rem)]'>
-              {/* 左侧留白区域 - 占1/6 */}
+              {/* 左侧留白区域 - 播放页面占8.33%，其他页面占16.67% */}
               <div
                 className='hidden md:block flex-shrink-0'
-                style={{ width: '16.67%' }}
+                style={{ 
+                  width: ['/play'].includes(activePath) ? '8.33%' : '16.67%' 
+                }}
               ></div>
 
-              {/* 主内容区 - 占2/3 */}
+              {/* 主内容区 - 播放页面占83.33%，其他页面占66.67% */}
               <div
                 className='flex-1 md:flex-none rounded-container w-full'
-                style={{ width: '66.67%' }}
+                style={{ 
+                  width: ['/play'].includes(activePath) ? '83.33%' : '66.67%' 
+                }}
               >
                 <div
                   className='p-4 md:p-8 lg:p-10'
@@ -208,10 +212,12 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
                 </div>
               </div>
 
-              {/* 右侧留白区域 - 占1/6 */}
+              {/* 右侧留白区域 - 播放页面占8.33%，其他页面占16.67% */}
               <div
                 className='hidden md:block flex-shrink-0'
-                style={{ width: '16.67%' }}
+                style={{ 
+                  width: ['/play'].includes(activePath) ? '8.33%' : '16.67%' 
+                }}
               ></div>
             </div>
           </main>

src/components/ThemeToggle.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any,react-hooks/exhaustive-deps */
-
 'use client';
 
 import { Moon, Sun } from 'lucide-react';
@@ -25,7 +23,7 @@ export function ThemeToggle() {
   useEffect(() => {
     setMounted(true);
     setThemeColor(resolvedTheme);
-  }, []);
+  }, [resolvedTheme]);
 
   if (!mounted) {
     // 渲染一个占位符以避免布局偏移
@@ -36,12 +34,18 @@ export function ThemeToggle() {
     // 检查浏览器是否支持 View Transitions API
     const targetTheme = resolvedTheme === 'dark' ? 'light' : 'dark';
     setThemeColor(targetTheme);
-    if (!(document as any).startViewTransition) {
+    
+    // 使用更好的类型定义
+    const documentWithTransition = document as Document & {
+      startViewTransition?: (callback: () => void) => void;
+    };
+    
+    if (!documentWithTransition.startViewTransition) {
       setTheme(targetTheme);
       return;
     }
 
-    (document as any).startViewTransition(() => {
+    documentWithTransition.startViewTransition(() => {
       setTheme(targetTheme);
     });
   };

src/components/VideoCard.tsx

@@ -1,11 +1,10 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
 import { CheckCircle, Heart, Link, PlayCircleIcon } from 'lucide-react';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
+  type Favorite,
   deleteFavorite,
   deletePlayRecord,
   generateStorageKey,
@@ -131,7 +130,7 @@ export default function VideoCard({
     const storageKey = generateStorageKey(actualSource, actualId);
     const unsubscribe = subscribeToDataUpdates(
       'favoritesUpdated',
-      (newFavorites: Record<string, any>) => {
+      (newFavorites: Record<string, Favorite>) => {
         // 检查当前项目是否在新的收藏列表中
         const isNowFavorited = !!newFavorites[storageKey];
         setFavorited(isNowFavorited);