Add displayNameHandler reference and update handler docs

Author: danez

packages/website/pages/docs/reference/handlers/component-docblock-handler.mdx

@@ -17,8 +17,7 @@ export default () => <div />;
 ```json {3} filename="Result"
 [
   {
-    "description": "This is my component and this is its description.",
-    "methods": []
+    "description": "This is my component and this is its description."
   }
 ]
 ```

packages/website/pages/docs/reference/handlers/default-props-handler.mdx

@@ -1,10 +1,17 @@
 # defaultPropsHandler
 
-Finds the default props from the react component.
+Finds the default props from the react component and adds it to the
+documentation. Supported variants are
+
+- The static property named `defaultProps` in Class components
+- Assignment of the static property `defaultProps` on Class or Function
+  components
+- Default values in destructuring the prop argument in Function components
 
 ## Example
 
-The following components will all result in the following documentation
+When the `defaultPropsHandler` is active these components will all result in the
+following documentation
 
 ```ts {2-4} filename="component.tsx"
 export default class MyComponent extends React.Component {
@@ -18,7 +25,7 @@ export default class MyComponent extends React.Component {
 ```
 
 ```ts {7-9} filename="component.tsx"
-class MyComponent extends React.Component {
+export default class MyComponent extends React.Component {
   render() {
     return <div />;
   }
@@ -27,8 +34,6 @@ class MyComponent extends React.Component {
 MyComponent.defaultProps = {
   a: '1',
 };
-
-export default MyComponent;
 ```
 
 ```ts {3-5} filename="component.tsx"
@@ -45,11 +50,9 @@ export default MyComponent;
 export default ({ a = '1' }) => <div />;
 ```
 
-```json {7-11} filename="Result"
+```json {5-9} filename="Result"
 [
   {
-    "description": "",
-    "methods": [],
     "props": {
       "a": {
         "defaultValue": {

packages/website/pages/docs/reference/handlers/display-name-handler.mdx

@@ -1 +1,70 @@
 # displayNameHandler
+
+Tries to find the name of a react component. It considers these as possible
+names and will use the first one found in order:
+
+- The static property `displayName` in Class components
+- Assignment of the static property `displayName` on Class or Function
+  components
+- The name of a Function or Class component
+- The variable name that an anonymous Function Component is assigned to
+
+## Example
+
+When the `displayNameHandler` is active these components will all result in the
+following documentation
+
+```ts {2} filename="component.tsx"
+export default class extends React.Component {
+  static displayName = 'DisplayName';
+  render() {
+    return <div />;
+  }
+}
+```
+
+```ts {7} filename="component.tsx"
+export default class MyComponent extends React.Component {
+  render() {
+    return <div />;
+  }
+}
+
+MyComponent.displayName = 'DisplayName';
+```
+
+```ts {5} filename="component.tsx"
+export default function MyComponent() {
+  return <div />;
+}
+
+MyComponent.displayName = 'DisplayName';
+```
+
+```ts {1} filename="component.tsx"
+export default class DisplayName extends React.Component {
+  render() {
+    return <div />;
+  }
+}
+```
+
+```ts {1} filename="component.tsx"
+export default function DisplayName() {
+  return <div />;
+}
+```
+
+```ts {1} filename="component.tsx"
+const DisplayName = () => <div />;
+
+export default DisplayName;
+```
+
+```json {3} filename="Result"
+[
+  {
+    "displayName": "DisplayName"
+  }
+]
+```