docs: Fix to use startProfile() and run KCL examples (#7792)

* docs: Fix to use startProfile()

* Fix to run KCL examples in docs

* Update docs and images

Author: jtran

docs/kcl-lang/arrays.md

@@ -22,7 +22,7 @@ Array types can also include length information: `[T; n]` denotes an array of le
 
 Ranges are a succinct way to create an array of sequential numbers. The syntax is `[start .. end]` where `start` and `end` evaluate to whole numbers (integers). Ranges are inclusive of the start and end. The end must be greater than the start. A range which is exclusive of its end is written with `<end`. Examples:
 
-```kcl,norun
+```kcl
 [0..3]      // [0, 1, 2, 3]
 [3..10]     // [3, 4, 5, 6, 7, 8, 9, 10]
 [3..<10]    // [3, 4, 5, 6, 7, 8, 9]

docs/kcl-lang/pipelines.md

@@ -42,8 +42,9 @@ This helps keep your code neat and avoid unnecessary declarations.
 
 Say you have a long pipeline of sketch functions, like this:
 
-```norun
+```kcl
 startSketchOn(XZ)
+  |> startProfile(at = [0, 0])
   |> line(%, end = [3, 4])
   |> line(%, end = [10, 10])
   |> line(%, end = [-13, -14])
@@ -57,10 +58,11 @@ If a function call uses an unlabeled first parameter, it will default to `%` if
 means that `|> line(%, end = [3, 4])` and `|> line(end = [3, 4])` are equivalent! So the above
 could be rewritten as 
 
-```norun
+```kcl
 startSketchOn(XZ)
- |> line(end = [3, 4])
- |> line(end = [10, 10])
- |> line(end = [-13, -14])
- |> close()
+  |> startProfile(at = [0, 0])
+  |> line(end = [3, 4])
+  |> line(end = [10, 10])
+  |> line(end = [-13, -14])
+  |> close()
 ```

docs/kcl-lang/types.md

@@ -13,7 +13,7 @@ arrays can hold objects and vice versa.
 
 Constants are defined with a name and a value, like so:
 
-```
+```kcl
 myBool = false
 ```
 
@@ -24,7 +24,7 @@ Currently you cannot redeclare a constant.
 
 An object is defined with `{}` braces. Here is an example object:
 
-```
+```kcl
 myObj = { a = 0, b = "thing" }
 ```
 
@@ -49,9 +49,9 @@ Tags are used to give a name (tag) to a specific path.
 The syntax for declaring a tag is `$myTag` you would use it in the following
 way:
 
-```norun
+```kcl
 startSketchOn(XZ)
-  |> startProfile(at = origin)
+  |> startProfile(at = [0, 0])
   |> angledLine(angle = 0, length = 191.26, tag = $rectangleSegmentA001)
   |> angledLine(
        angle = segAng(rectangleSegmentA001) - 90,
@@ -97,7 +97,7 @@ use the tag `rectangleSegmentA001` in any function or expression in the file.
 
 However if the code was written like this:
 
-```norun
+```kcl
 fn rect(origin) {
   return startSketchOn(XZ)
     |> startProfile(at = origin)
@@ -127,7 +127,7 @@ However you likely want to use those tags somewhere outside the `rect` function.
 Tags are accessible through the sketch group they are declared in.
 For example the following code works.
 
-```norun
+```kcl
 fn rect(origin) {
   return startSketchOn(XZ)
     |> startProfile(at = origin)