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/object.md

@@ -0,0 +1,38 @@
+---
+label: "Object"
+target: "object"
+type: "widget"
+---
+
+### Object
+
+The object widget allows you to group multiple widgets together, nested under a single field. You can choose any widget as a child of an object widget—even other objects.
+
+- **Name:** `object`
+- **UI:** a field containing one or more child widgets
+- **Data type:** list of child widget values
+- **Options:**
+  - `default`: you can set defaults within each sub-field's configuration
+  - `fields`: (**required**) a nested list of widget fields to include in your widget
+- **Example:**
+
+  ```yaml
+  - label: "Profile"
+    name: "profile"
+    widget: "object"
+    fields:
+      - {label: "Public", name: "public", widget: "boolean", default: true}
+      - {label: "Name", name: "name", widget: "string"}
+      - label: "Birthdate"
+        name: "birthdate"
+        widget: "date"
+        default: ""
+        format: "MM/DD/YYYY"
+      - label: "Address"
+        name: "address"
+        widget: "object"
+        fields: 
+          - {label: "Street Address", name: "street", widget: "string"}
+          - {label: "City", name: "city", widget: "string"}
+          - {label: "Postal Code", name: "post-code", widget: "string"}
+  ```