docs: add comments to the src/components directory

web/src/components/Layout/BasicLayout.tsx

@@ -1,12 +1,35 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-02 15:12:42 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-02 15:12:42 
+ */
+/**
+ * BasicLayout Component
+ * 
+ * A minimal layout wrapper that provides:
+ * - User information initialization
+ * - Storage type initialization
+ * - Simple container for child routes without navigation UI
+ * 
+ * Used for pages that don't require sidebar/header (e.g., login, public pages).
+ * 
+ * @component
+ */
+
 import { Outlet } from 'react-router-dom';
 import { useEffect, type FC } from 'react';
+
 import { useUser } from '@/store/user';
 
-// 基础布局组件，用于展示内容并保留用户信息获取功能
+/**
+ * Basic layout component for pages without navigation UI.
+ * Fetches user info and storage type on mount, then renders child routes.
+ */
 const BasicLayout: FC = () => {
   const { getUserInfo, getStorageType } = useUser();
   
-  // 获取用户信息
+  // Fetch user information and storage type on component mount
   useEffect(() => {
     getUserInfo();
     getStorageType()
@@ -14,6 +37,7 @@ const BasicLayout: FC = () => {
 
   return (
     <div className="rb:relative rb:h-full rb:w-full">
+      {/* Render child routes without additional UI */}
       <Outlet />
     </div>
   )