feat(next-search): Implements document preview functionality #3221 (#9465)

### What problem does this PR solve?

feat(next-search): Implements document preview functionality

- Adds a new document preview modal component
- Implements document preview page logic
- Adds document preview-related hooks
- Optimizes document preview rendering logic
### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/next-search/spotlight.tsx

@@ -1,3 +1,4 @@
+import { useIsDarkTheme } from '@/components/theme-provider';
 import React from 'react';
 
 interface SpotlightProps {
@@ -5,6 +6,8 @@ interface SpotlightProps {
 }
 
 const Spotlight: React.FC<SpotlightProps> = ({ className }) => {
+  const isDark = useIsDarkTheme();
+  console.log('isDark', isDark);
   return (
     <div
       className={`absolute inset-0  opacity-80 ${className} rounded-lg`}
@@ -16,8 +19,9 @@ const Spotlight: React.FC<SpotlightProps> = ({ className }) => {
       <div
         className="absolute inset-0"
         style={{
-          background:
-            'radial-gradient(circle at 50% 190%, #fff4 0%, #fff0 60%)',
+          background: isDark
+            ? 'radial-gradient(circle at 50% 190%, #fff4 0%, #fff0 60%)'
+            : 'radial-gradient(circle at 50% 190%, #E4F3FF 0%, #E4F3FF00  60%)',
           pointerEvents: 'none',
         }}
       ></div>