style(layout): 调整页面布局和样式细节

- 修改主内容区域的内边距类名，统一使用 px-4 和 pb-4
- 在用户管理页面容器上添加圆角和隐藏溢出效果
- 为侧边栏添加右侧圆角和隐藏溢出，优化整体视觉效果
- 更新侧边栏标题字体为等宽粗体，调整文字大小和对齐方式
- 为侧边栏菜单添加顶部内边距重置，确保菜单项对齐
- 调整用户表格容器高度为全高，改善响应式表现
- 移除用户表格分页区域不必要的背景色类名重复定义

src/lib/components/layout/app/AppSidebar.svelte

@@ -124,14 +124,14 @@
 </script>
 
 
-<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col ">
-	<div class="flex items-center  h-18 space-x-2 w-full">
+<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col rounded-r-box overflow-hidden">
+	<div class="flex items-center  h-18  w-full">
 		<div class="space-x-4  pl-6 w-full">
-			<Icon  id="logo" className="inline" size="36"/><h1 class="font-sans text-xs  inline align-bottom">IT Management System</h1>
+			<Icon  id="logo" className="inline" size="36"/><h1 class="font-mono font-bold text-[0.85rem] inline align-bottom">IT Management System</h1>
 		</div>
 	</div>
 	<div class="overflow-y-auto flex-1  ">
-		<ul class="menu bg-base-200  w-64 px-4 pb-4text-base-content  flex-nowrap ">
+		<ul class="menu bg-base-200  w-64 px-4 pb-4 pt-0 text-base-content  flex-nowrap ">
 			{#each menuItems as item (item.id)}
 				<li class="{item.isActive ? 'menu-active' : ''} w-full rounded-box ">
 					{#if item.subItems && item.subItems.length > 0}

src/lib/components/table/UsersTable.svelte

@@ -84,7 +84,7 @@
 	];
 </script>
 
-<div class="overflow-x-auto flex-1 bg-base-100 min-h-[300px] ">
+<div class="overflow-x-auto flex-1 bg-base-100 h-full ">
 	<table class="table ">
 		<thead class="z-0">
 		<tr>
@@ -157,7 +157,7 @@
 </div>
 
 {#if users.total > 0}
-	<div class="border-t border-base-200 p-4 flex items-center justify-between bg-base-100">
+	<div class="border-t border-base-200 p-4 flex items-center justify-between bg-base-100 ">
 		<div class="text-sm text-base-content/70">
 			显示 {(users.current - 1) * users.size + 1} 到 {Math.min(users.current * users.size, users.total)} 条，共 {users.total} 条
 		</div>

src/routes/app/+layout.svelte

@@ -9,7 +9,7 @@
 	<AppSidebar />
 	<div class="flex-1 flex flex-col min-w-0 overflow-hidden relative h-full">
 		<AppHeader />
-		<main class="flex-1 p-4 ">
+		<main class="flex-1 px-4 pb-4  ">
 			{@render children()}
 		</main>
 	</div>

src/routes/app/settings/auth/users/+page.svelte

@@ -58,7 +58,7 @@
 	<title>用户管理 | 系统设置</title>
 </svelte:head>
 
-<div class=" h-full  flex flex-col ">
+<div class=" h-full  flex flex-col rounded-box overflow-hidden ">
 	<div class="flex justify-between items-center select-none pb-2">
 		<p class="font-bold text-lg">用户管理</p>
 		<div class="breadcrumbs text-sm text-base-content/70">