feat(web): add skills menu

web/src/components/Layout/BasicAuthLayout.tsx

@@ -0,0 +1,45 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-02 15:12:42 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-04 14:06:28
+ */
+/**
+ * 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 } = useUser();
+  
+  // Fetch user information and storage type on component mount
+  useEffect(() => {
+    getUserInfo();
+  }, [getUserInfo]);
+
+  return (
+    <div className="rb:relative rb:h-full rb:w-full">
+      {/* Render child routes without additional UI */}
+      <Outlet />
+    </div>
+  )
+};
+
+export default BasicLayout;