feat: enhance post management with pagination, search, and order functionality

- Added search input for filtering posts by keywords.
- Implemented pagination controls for navigating through posts.
- Introduced order selector for sorting posts based on various criteria.
- Enhanced post item display with additional metrics (view count, like count, comment count).
- Added dropdown menu for post actions (edit, view, toggle privacy, delete).
- Integrated double confirmation for delete action.
- Updated user profile to support background image upload.
- Improved user security settings with better layout and validation.
- Refactored auth context to use useCallback for logout function.
- Added command palette component for improved command execution.
- Introduced popover component for better UI interactions.
- Implemented debounce hooks for optimized state updates.
- Updated localization files with new keys for improved internationalization.
- Added tailwind configuration for styling.

web/src/components/common/theme-toggle.tsx

@@ -74,15 +74,14 @@ export function ThemeModeSegmented(props: React.HTMLAttributes<HTMLDivElement> &
           </button>
         ))}
       </div>
-  </div>
+    </div>
   );
 }
 
 // 总组件：根据设备类型渲染
-export function ThemeModeToggle(props: React.HTMLAttributes<HTMLElement> = {}) {
-  const { isMobile, mode, setMode } = useDevice();
-  const Comp: React.ElementType = isMobile ? ThemeModeSegmented : ThemeModeCycleButton;
+export function ThemeModeToggle(props: React.HTMLAttributes<HTMLElement> & { showSegmented?: boolean }) {
+  const { mode, setMode } = useDevice();
+  const Comp: React.ElementType = props.showSegmented ? ThemeModeSegmented : ThemeModeCycleButton;
   const { className, style } = props;
-  // 仅转发 className / style，避免复杂的 prop 类型不匹配
   return <Comp mode={mode} setMode={setMode} className={className} style={style} />;
 }