Update Zone component configuration variable (#6566)

* Update Zone component configuration variable

Update style of Zone component documentation to follow new configuration variables description.
Related to #6385.

* Update zone.markdown

change name required from true to false

* Minor changes

source/_components/zone.markdown

@@ -37,14 +37,34 @@ zone:
     icon: mdi:account-multiple
 ```
 
-Configuration variables:
+{% configuration %}
-
+name:
-- **name** (*Optional*): Friendly name of the zone.
+  description: The friendly name of the zone.
-- **latitude** (*Required*): Latitude of the center point of the zone.
+  required: false
-- **longitude** (*Required*): Longitude of the center point of the zone.
+  type: string
-- **radius** (*Optional*): Optional radius in meters. Defaults to 100 meters.
+latitude:
-- **icon** (*Optional*): Optional icon to show instead of name.
+  description: The latitude of the center point of the zone.
-- **passive** (*Optional*): Optional boolean to only use the zone for automation and hide it from the UI and not use the zone for device tracker name. Defaults to false.
+  required: true
+  type: float
+longitude:
+  description: The longitude of the center point of the zone.
+  required: true
+  type: float
+radius:
+  description: The radius of the zone in meters.
+  required: false
+  default: 100
+  type: integer
+icon:
+  description: The icon to show instead of name.
+  required: false
+  type: string
+passive:
+  description: To only use the zone for automation and hide it from the frontend and not use the zone for device tracker name.
+  required: false
+  default: false
+  type: boolean
+{% endconfiguration %}
 
 To find the latitude/longitude of a certain place you can use [Google Maps](https://www.google.com/maps/) or [Bing Maps](https://www.bing.com/maps). Just right click and copy the coordinates from there (Bing) or click on the "What is here?" (Google)