refactor(website): use gatbsy link for doc links, add ids for headlines

website/src/markdown/docs/api/component-props.md

@@ -59,14 +59,14 @@ import ReactFlow from 'react-flow-renderer';
 - `paneMoveable`: default: `true` - If set to `false`, panning and zooming is disabled
 
 ### Element Customization
-- `nodeTypes`: object with [node types](#node-types--custom-nodes)
-- `edgeTypes`: object with [edge types](#edge-types--custom-edges)
+- `nodeTypes`: object with [node types](/docs/api/node-types/)
+- `edgeTypes`: object with [edge types](/docs/api/edge-types/)
 - `arrowHeadColor`: default: `#b1b1b7`
 
 ### Connection Line Options
 - `connectionLineType`: connection line type = `default` (bezier), `straight`, `step`, `smoothstep`
 - `connectionLineStyle`: connection style as svg attributes
-- `connectionLineComponent`: [custom connection line component](/example/src/CustomConnectionLine/index.js)
+- `connectionLineComponent`: [custom connection line component](/examples/custom-connectionline/)
 
 ### Keys
 - `deleteKeyCode`: default: `8` (backspace)

website/src/markdown/docs/api/components/provider.md

@@ -18,4 +18,4 @@ const FlowWithOwnProvider = () => (
 );
 ```
 
-It is used in the [provider example](https://github.com/wbkd/react-flow/blob/main/example/src/Provider/index.js).
+It is used in the [provider example](/examples/provider/).

website/src/markdown/docs/api/edge-types.md

@@ -25,4 +25,4 @@ edgeTypes={{
 
 Now you could use the new type `special` for an edge.
 The `straight`, `default` and `step` types would still be available unless you overwrote one of them.
-There is an implementation of a custom edge in the [edges example](/example/src/Edges/index.js).
+There is an implementation of a custom edge in the [edges example](/examples/edges/).

website/src/markdown/docs/api/edges.md

@@ -39,4 +39,4 @@ If you wanted to display this edge, you would need a node with id = 1 (source no
 - `isHidden`: if `true`, the edge will not be rendered
 - `data`: {} you can use this to pass data to your custom edges.
 
-You can find an example with different edges in the [edges example](https://reactflow.dev/edges).
+You can find an example with different edges in the [edges example](/examples/edges/).

website/src/markdown/docs/api/handle.md

@@ -32,7 +32,7 @@ const targetHandleWithValidation = (
 
 ### Validation
 
-The handle receives the additional class names `connecting` when the connection line is above the handle and `valid` if the connection is valid. You can find an example which uses these classes [here](/examples/validation).
+The handle receives the additional class names `connecting` when the connection line is above the handle and `valid` if the connection is valid. You can find an example which uses these classes [here](/examples/validation/).
 
 ### Multiple Handles