docs: fix tabs layout of install page (#707)

Author: unix

pages/en-us/guide/installation.mdx

@@ -23,7 +23,7 @@ Also, Geist is based on the component library of framework React, which means yo
 <Tabs
   initialValue="yarn"
   hideDivider
-  align="right"
+  align="flex-end"
   mt="-46px"
   className="installation-tabs">
   <Tabs.Item label="Yarn" value="yarn">
@@ -177,8 +177,8 @@ A classic use case is to add the following config to the `.babelrc`:
 
 There are some differences in the way Tree Shaking is added to different scaffolds, you can refer to the following examples.
 
-- [CRA 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-create-react-app/README.md) (create-react-app)
-- [Next.js 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-nextjs/README.md)
-- [Webpack 项目示例](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-webpack/README.md)
+- [CRA with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-create-react-app/README.md)
+- [Next.js with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-nextjs/README.md)
+- [Webpack with TreeShaking](https://github.com/geist-org/geist-ui/blob/master/examples/tree-shaking-webpack/README.md)
 
 export default ({ children }) => <Layout meta={meta}>{children}</Layout>

pages/zh-cn/guide/installation.mdx

@@ -23,7 +23,7 @@ export const meta = {
 <Tabs
   initialValue="yarn"
   hideDivider
-  align="right"
+  align="flex-end"
   mt="-46px"
   className="installation-tabs">
   <Tabs.Item label="Yarn" value="yarn">