feat(tool-stack): update layout and add Rslint tool (#47)

Author: chenjiahan

src/tool-stack/index.module.scss

@@ -61,7 +61,7 @@
 .tools {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   flex-wrap: wrap;
   gap: 32px;
 }

src/tool-stack/index.tsx

@@ -65,6 +65,15 @@ export const ToolStack: React.FC<{ lang: string }> = memo(({ lang }) => {
       url: 'https://rstest.rs/',
       urlText: 'rstest.rs',
     },
+    {
+      name: 'Rslint',
+      desc: isEn
+        ? 'A high-performance JavaScript and TypeScript linter based on typescript-go'
+        : '基于 typescript-go 的高性能 JavaScript 和 TypeScript 代码检查工具',
+      logo: 'https://assets.rspack.rs/rslint/rslint-logo.svg',
+      url: 'https://rslint.rs/',
+      urlText: 'rslint.rs',
+    },
   ];
 
   return (
@@ -73,8 +82,8 @@ export const ToolStack: React.FC<{ lang: string }> = memo(({ lang }) => {
         <h1 className={titleStyle}>Rstack</h1>
         <p className={descStyle}>
           {isEn
-            ? 'A unified JavaScript toolchain built around Rspack, with high performance and consistent architecture'
-            : '围绕 Rspack 打造的 JavaScript 统一工具链，具有优秀的性能和一致的架构'}
+            ? 'A unified JavaScript toolchain centered on Rspack, with high performance and consistent architecture'
+            : '以 Rspack 为核心的 JavaScript 统一工具链，具有优秀的性能和一致的架构'}
         </p>
       </div>
       <div className={styles.tools}>

stories/SectionStyle.stories.tsx

@@ -19,9 +19,9 @@ const sections = [
       'Launched as a drop-in replacement for webpack, with more powerful features and exceptional productivity.',
   },
   {
-    title: 'Tool Stack',
+    title: 'Rstack',
     description:
-      'High-performance tool stack built around Rspack to boost modern web development',
+      'High-performance toolchain centered on Rspack to boost modern web development',
   },
 ];