docs: cleanup the layout process

Author: rigor789

content/guide/the-layout-process.md renamed to content/guide/advanced/the-layout-process.md

@@ -1,10 +1,15 @@
 ---
 title: The Layout Process
+description: For all views to render with the right dimensions and positions requires a run of the layout process.
+contributors:
+  - Ombuweb
+  - NathanWalker
+  - rigor789
 ---
 
-The ability for all your views to render with the right dimensions and positions requires a run of "the layout process". When rendering, a recursive process runs through every view in the **view hierarchy** in two passes — a measure pass and a layout pass.
+When rendering, a recursive process runs through every view in the **view hierarchy** in two passes — a measure pass and a layout pass.
 
-During **the measure pass** every view is measured to obtain its desired size. The following properties are considered during the measuring:
+During **the measure pass** every view is measured to obtain its desired size. The following properties are considered during measuring:
 
 - `width`, `height`
 - `minWidth`, `minHeight`
@@ -17,14 +22,13 @@ During **the layout pass** every view is placed in a specific layout slot. The s
 - `horizontalAlignment`, `verticalAlignment`
 
 The layout process is by nature an resource-intensive process and it's performance highly depends on the number views (and complexity).
-<!-- TODO: fix links -->
+
 :::tip
+
 It's a good practice to minimize deep nesting of views. Instead, utilize different [Layout Containers](/ui/#layout-containers) to achieve a simpler and more organized view hierarchy. This approach improves readability, maintainability and performance.
 
 **For example:** don't treat `<StackLayout>` as a `<div>` &mdash; instead try to use a `<GridLayout>` with specific `rows` and `columns` to achieve the same result:
 
-- Bad Practice:
-  
 ```html
 <StackLayout>
   <StackLayout orientation="horizontal">
@@ -37,7 +41,8 @@ It's a good practice to minimize deep nesting of views. Instead, utilize differe
 </StackLayout>
 ```
 
-- Good Practice:
+Better version:
+
 <!--  -->
 
 ```html
@@ -50,4 +55,4 @@ It's a good practice to minimize deep nesting of views. Instead, utilize differe
 
 One-offs are fine with the `<StackLayout>` approach, but building an entire app with the first approach will usually result in poor performance.
 
-:::
+:::

content/sidebar.ts

@@ -235,8 +235,8 @@ export default [
           {
             text: 'iOS',
             link: '/guide/extending-classes-and-conforming-to-protocols-ios',
-          }
-        ]
+          },
+        ],
       },
       {
         text: 'Multithreading',
@@ -289,8 +289,8 @@ export default [
         link: '/guide/property-system',
       },
       {
-        text: 'Layout',
-        link: '/guide/the-layout-process'
+        text: 'The Layout Process',
+        link: '/guide/advanced/the-layout-process',
       },
       {
         text: 'Error Handling',