feat(frontend): translate UI to English and refresh layout styles

src/layouts/AppLayout.tsx

@@ -5,28 +5,28 @@ export default function AppLayout() {
   const { isAuthed, session, logout } = useAuth()
 
   return (
-    <div style={{ display: 'grid', gridTemplateColumns: '220px 1fr', minHeight: '100vh' }}>
-      <aside style={{ borderRight: '1px solid #ddd', padding: 16 }}>
-        <h3>Fabric</h3>
-        <nav style={{ display: 'grid', gap: 8 }}>
-          <Link to="/workspace">工作台</Link>
-          <Link to="/chat">聊天</Link>
-          <Link to="/login">登录</Link>
+    <div className="app-shell">
+      <aside className="sidebar">
+        <h3 className="sidebar-title">Fabric</h3>
+        <nav className="sidebar-nav">
+          <Link to="/workspace">Workspace</Link>
+          <Link to="/chat">Chat</Link>
+          <Link to="/login">Login</Link>
         </nav>
-        <div style={{ marginTop: 16, fontSize: 12 }}>
+        <div className="sidebar-session">
           {isAuthed ? (
             <>
-              <div>{session?.user.email}</div>
-              <button onClick={() => logout()} style={{ marginTop: 6 }}>
-                登出
+              <div className="muted">{session?.user.email}</div>
+              <button onClick={() => logout()} className="btn btn-secondary" style={{ marginTop: 8 }}>
+                Sign out
               </button>
             </>
           ) : (
-            <span>未登录</span>
+            <span className="muted">Not signed in</span>
           )}
         </div>
       </aside>
-      <main style={{ padding: 16 }}>
+      <main className="page-content">
         <Outlet />
       </main>
     </div>