docs: add new routing in-depth guide (angular#60006)

docs: update code snippet

Co-authored-by: Andrew Scott <[email protected]>

docs: update link

Co-authored-by: Matthieu Riegler <[email protected]>

docs: update syntax highlighting

Co-authored-by: Andrew Scott <[email protected]>

docs: correct example links

docs: update load component with more concise syntax

docs: fix link text

docs: fix api docs link formatting

docs: fix callout box types and rendering

docs: truncate properties table

docs: swap constructor routes to use inject instead

docs: add other routing tasks info in subnav and remove duplicate info

docs: fix type conversion param

PR Close angular#60006

Author: bencodezen

adev/src/app/sub-navigation-data.ts

@@ -332,19 +332,29 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
             contentPath: 'guide/routing/overview',
           },
           {
-            label: 'Common routing tasks',
-            path: 'guide/routing/common-router-tasks',
-            contentPath: 'guide/routing/common-router-tasks',
+            label: 'Define routes',
+            path: 'guide/routing/define-routes',
+            contentPath: 'guide/routing/define-routes',
+          },
+          {
+            label: 'Show routes with Outlets',
+            path: 'guide/routing/show-routes-with-outlets',
+            contentPath: 'guide/routing/show-routes-with-outlets',
           },
           {
-            label: 'Routing in single-page applications',
-            path: 'guide/routing/router-tutorial',
-            contentPath: 'guide/routing/router-tutorial',
+            label: 'Navigate to routes',
+            path: 'guide/routing/navigate-to-routes',
+            contentPath: 'guide/routing/navigate-to-routes',
           },
           {
-            label: 'Creating custom route matches',
-            path: 'guide/routing/routing-with-urlmatcher',
-            contentPath: 'guide/routing/routing-with-urlmatcher',
+            label: 'Read route state',
+            path: 'guide/routing/read-route-state',
+            contentPath: 'guide/routing/read-route-state',
+          },
+          {
+            label: 'Other routing tasks',
+            path: 'guide/routing/common-router-tasks',
+            contentPath: 'guide/routing/common-router-tasks',
           },
           {
             label: 'Router reference',