fix: moved playground docs page under overview and updated link on playground navbar

Author: ucatbas

docs/mint.json

@@ -240,7 +240,8 @@
       "pages": [
         "permify-overview/intro",
         "permify-overview/authorization-service",
-        "permify-overview/faqs"
+        "permify-overview/faqs",
+        "permify-overview/playground"
       ]
     },
     {

docs/docs/playground.md docs/permify-overview/playground.mdxdocs/docs/playground.md renamed to docs/permify-overview/playground.mdx

@@ -1,9 +1,8 @@
 ---
-sidebar_position: 6
+title: Using Permify Playground
+sidebarTitle: Playground
 ---
 
-# Using Permify Playground
-
 You can use our [Playground] to create and test your authorization schema in a browser.
 
 Our playground consists 3 main sections,
@@ -20,7 +19,7 @@ Let's examine these sections by following a simple example.
 
 You can create your authorization model in this section with using our domain specific language.
 
-You can define your entities, relations between them and access control decisions with using Permify Schema. We already have a couple of use cases and example that you can choose to see how authorization can be structured. Also, you can check our docs to [learn more about how to model authorization](./getting-started/modeling.md) in Permify.
+You can define your entities, relations between them and access control decisions with using Permify Schema. We already have a couple of use cases and example that you can choose to see how authorization can be structured. Also, you can check our docs to [learn more about how to model authorization](./getting-started/modeling) in Permify.
 
 To demonstrate how the playground works, let's create a simple authorization model as follows. This model should be selected as the default when you open the playground.
 

playground/src/components/guided-tour.js

@@ -77,7 +77,7 @@ export default function GuidedTour({refSchemaEditor, refRelationshipsAndAttribut
                         Enforcement section represents a test scenario for conducting access checks. To learn more about
                         the
                         capabilities of this YAML, refer to:{" "}
-                        <Link href="https://docs.permify.co/docs/playground/#enforcement-access-check-scenarios"
+                        <Link href="https://docs.permify.co/permify-overview/playground/#enforcement-access-check-scenarios"
                               text="docs"/>.
                     </p>
                 </div>

playground/src/layout/main-layout.js

@@ -280,7 +280,7 @@ const MainLayout = ({children, ...rest}) => {
                                 {screens.xl &&
                                     <>
                                         <Button className="mr-8 text-white" type="link" target="_blank"
-                                                href="https://docs.permify.co/docs/playground">
+                                                href="https://docs.permify.co/permify-overview/playground">
                                             How to use the playground?
                                         </Button>
                                         <Button className="mr-8" target="_blank" icon={<GithubOutlined/>}