fix(练习): 修复嵌套滚动和底部空白问题

- Layout: 将 h-screen 改为 min-h-screen，移除嵌套滚动容器
- ProcessPracticePage: 底部区域从 fixed 改为 sticky，移除动态高度计算
- 使用 flex 布局管理页面结构，消除双滚动条和大片空白
- 清理未使用的 state 和 imports

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>

src/components/layout/Layout.tsx

@@ -14,19 +14,19 @@ export function Layout({ children }: LayoutProps) {
 
   return (
     <div className={clsx('min-h-screen', darkMode && 'dark')}>
-      <div className="flex h-screen bg-gray-50 dark:bg-gray-900">
+      <div className="flex min-h-screen bg-gray-50 dark:bg-gray-900">
         {/* 侧边栏 */}
         <Sidebar />
 
         {/* 主内容区 */}
-        <div className="flex flex-1 flex-col overflow-hidden">
+        <div className="flex flex-1 flex-col">
           {/* 顶部导航 */}
           <Header />
 
           {/* 页面内容 */}
           <main
             className={clsx(
-              'flex-1 overflow-y-auto p-6 transition-all duration-300',
+              'flex-1 p-6 transition-all duration-300',
               sidebarOpen ? 'lg:ml-64' : 'lg:ml-20'
             )}
           >