docs(docs): update docs

docs/src/content/docs/guides/checkout-answer.md

@@ -0,0 +1,6 @@
+---
+title: Checkout Answer
+description: Guide to checkout the answer of someone else
+sidebar:
+  order: 3
+---

docs/src/content/docs/guides/contribute.md

@@ -1,4 +1,6 @@
 ---
 title: Contribute
 description: Guide to contribute
+sidebar:
+  order: 4
 ---

docs/src/content/docs/guides/getting-started.md

@@ -1,6 +1,8 @@
 ---
 title: Getting Started
 description: A guide on how to get started with Angular Challenges.
+sidebar:
+  order: 1
 ---
 
 To get started with **Angular Challenges**, follow the step:

docs/src/content/docs/guides/resolve-challenge.md

@@ -1,6 +1,8 @@
 ---
 title: Resolve a Challenge
 description: Guide to resolve a challenge
+sidebar:
+  order: 2
 ---
 
 In this guide, you will learn how to resolve a challenge and submit an answer to the main Github repository.

docs/src/content/docs/index.mdx

@@ -38,4 +38,8 @@ import { Card, CardGrid } from '@astrojs/starlight/components';
     You have an issue, an interesing bug, an idea. Don't waste any time and
     create your own challenges.
   </Card>
+  <Card title="Prepare yourself for interview">
+    Doing those challenges will get you ready for any technical challenges for a
+    frontend role.
+  </Card>
 </CardGrid>

docs/src/styles/custom-css.css

@@ -2,6 +2,7 @@
   --sl-color-black: #1b1b1d;
   --sl-color-gray-6: #242526;
   --sl-color-accent-high: #f10023;
+  /* --sl-color-black: white; */
   --sl-icon-color: #fff;
   --sl-color-text-invert: #fff;
   --primary-color: var(--sl-color-bg-nav) !important;
@@ -17,3 +18,7 @@
   background-color: rgb(35, 134, 54);
   color: white;
 }
+
+a.primary {
+  color: #fff !important;
+}