New design for the widgets section in the docs (#866)

* Initial commit for the new widgets section

* Placing all the widgets and refining the CSS and Hugo logic

* Initial commit for the new widgets section

* Placing all the widgets and refining the CSS and Hugo logic

* Rebased and updated the info according to @verythorough contribution

* Fixing the yaml codes for the relation and select widget sections

* Merging with widgets.md and app.j

* Fixing some silly mistakes (sorry!)

* Following @verythorough contributions :)

* Adding the markdown widget and fixing the widgets container background

* Adding the URL functionality and myself as a contributor :)

* Adding myself as a contributor :)

website/site/content/docs/widgets/string.md

@@ -0,0 +1,20 @@
+---
+label: "String"
+target: "string"
+type: "widget"
+---
+
+### String
+
+The string widget translates a basic text input to a string value. For larger textarea inputs, use the text widget.
+
+- **Name:** `string`
+- **UI:** text input
+- **Data type:** string
+- **Options:**
+  - `default`: accepts a string; defaults to an empty string
+- **Example:**
+
+  ```yaml
+  - {label: "Title", name: "title", widget: "string"}
+  ```