chore: migrate docs to @callstack/rspress-theme 0.2.X (#72)

* fix(docs): bottom landing page button link

* chore: docs format script

* chore: migrate docs to @callstack/rspress-theme

Author: artus9033

docs/package.json

@@ -14,12 +14,12 @@
     "preview": "rspress preview"
   },
   "dependencies": {
-    "@callstack/rspress-theme": "^0.1.3",
-    "rspress": "^2.0.0-beta.20"
+    "@callstack/rspress-theme": "^0.2.0",
+    "rspress": "^2.0.0-beta.19"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@rspress/plugin-typedoc": "^2.0.0-beta.20",
+    "@rspress/plugin-typedoc": "^2.0.0-beta.19",
     "@types/node": "^18.11.17"
   }
 }

docs/styles/globalStyles.css

@@ -47,13 +47,6 @@ img[class*="heroImage-"] {
   height: 100px;
 }
 
-div[class*="container-"] {
-  /* so as not to limit the height of the container */
-  height: unset !important;
-  /* slight paddin from the top */
-  padding-top: 1rem !important;
-}
-
 /* Theme styles section end == */
 
 /* == Callstack rspress theme styles section start == */

docs/theme/index.tsx

@@ -12,6 +12,7 @@ import {
 } from '@callstack/rspress-theme';
 import { useNavigate } from 'rspress/runtime';
 import {
+  Link,
   HomeLayout as RspressHomeLayout,
   Layout as RspressLayout,
 } from 'rspress/theme';
@@ -31,9 +32,11 @@ const HomeLayout = () => {
       afterFeatures={
         <>
           <div className="docs-introduction-cta">
-            <Button theme="alt" type="button" href="/docs/introduction">
-              Not sure, which to choose?
-            </Button>
+            <Link href="/docs/introduction">
+              <Button theme="alt" type="button">
+                Not sure, which to choose?
+              </Button>
+            </Link>
           </div>
 
           <HomeBanner href="https://callstack.com" />

package.json

@@ -15,6 +15,7 @@
     "lint:android": "./scripts/lint-android.sh",
     "lint:objc": "./scripts/lint-objc.sh",
     "lint:swift": "./scripts/lint-swift.sh",
+    "format:docs": "yarn workspace docs format",
     "format:android": "./scripts/format-android.sh",
     "format:objc": "./scripts/format-objc.sh",
     "format:swift": "./scripts/format-swift.sh",