feat(frontend): 重构首页布局并添加生成历史组件

- 新增 History 组件用于展示生成历史记录
- 调整 HomeLayout 布局，增加 History 侧边栏
- 优化 NoteHistory 组件样式和布局- 更新首页样式，调整各个组件的位置和样式

BillNote_frontend/src/index.css

@@ -2,6 +2,30 @@
 @import 'tw-animate-css';
 
 @custom-variant dark (&:is(.dark *));
+html,body{
+  height: 100%;
+  width: 100%;
+}
+/* 修改滚动条轨道颜色 */
+::-webkit-scrollbar {
+  width: 8px; /* 控制滚动条的宽度 */
+}
+
+/* 修改滚动条的轨道颜色 */
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1; /* 轨道的背景颜色 */
+}
+
+/* 修改滚动条的滑块颜色 */
+::-webkit-scrollbar-thumb {
+  background-color: #888; /* 滑块的颜色 */
+  border-radius: 4px; /* 圆角 */
+}
+
+/* 当鼠标悬停时，修改滑块颜色 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555; /* 悬停时的颜色 */
+}
 
 :root {
   --radius: 0.625rem;
@@ -21,7 +45,7 @@
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
-  --border: #e6f7ff;
+  --border: var(    --color-neutral-200);
   --input: oklch(0.922 0 0);
   --ring: #096dd9;
   --chart-1: oklch(0.646 0.222 41.116);