feat: 添加可折叠侧边栏布局，优化仓库列表和工作空间页面

src/pages/config/page.tsx

@@ -4,7 +4,7 @@ import { Label } from '@/components/ui/label';
 import { Button } from '@/components/ui/button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { Info } from 'lucide-react';
-
+import { SidebarLayout } from '../sidebar/components';
 export const ConfigPage = () => {
   const { config, setConfig, saveToRemote, loadFromRemote } = useConfigStore();
   const handleSubmit = (e: React.FormEvent) => {
@@ -17,13 +17,13 @@ export const ConfigPage = () => {
   };
 
   return (
-    <TooltipProvider>
+    <SidebarLayout>
       <div className="container mx-auto max-w-2xl py-4 md:py-8 px-4">
         <div className="bg-white md:rounded-lg md:border md:shadow-sm">
           <div className="p-4 md:p-6 border-b">
             <h1 className="text-xl md:text-2xl font-bold">CNB 配置</h1>
             <p className="text-sm text-muted-foreground mt-1">
-              配置您的 CNB API 设置。这些设置会保存在浏览器的本地存储中。
+              配置您的 CNB API 设置。
             </p>
           </div>
           <div className="p-4 md:p-6">
@@ -68,7 +68,7 @@ export const ConfigPage = () => {
                     </TooltipTrigger>
                     <TooltipContent>
                       <p>
-                        用于身份验证的 Cookie 信息。
+                        用于身份验证的 Cookie 信息，有效期7天。
                         <a
                           href="https://cnb.cool/kevisual/cnb-live-extension"
                           target="_blank"
@@ -102,7 +102,7 @@ export const ConfigPage = () => {
           </div>
         </div>
       </div>
-    </TooltipProvider>
+    </SidebarLayout>
   );
 };