docs: use generated og image (#17601)

* docs: use generated og image

* fix: revert code for testing

* Update docs/src/_includes/layouts/base.html

Co-authored-by: Milos Djermanovic <milos.djermanovic@gmail.com>

* chore: urlencode title and summary in og

---------

Co-authored-by: Milos Djermanovic <milos.djermanovic@gmail.com>

docs/src/_includes/layouts/base.html

@@ -13,11 +13,19 @@
         {% set page_title = site[hook].title %}
     {% endif %}
 
+    {% set rule_meta = rules_meta[title] %}
     {% set page_title = site.shared.title_format | replace("PAGE_TITLE", page_title) %}
-    {% set cover_image = ["https://", site.hostname, "/icon-512.png" ] | join %}
-    {% set cover_image_alt = site.shared.eslint_logo_alt %}
     {% set page_desc = site.shared.description %}
     {% set relative_page_url = page.url | url | prettyURL %}
+    {% set cover_image = [
+        "https://", site.hostname, "/og",
+        "?title=", title | urlencode, "&summary=", page_desc | urlencode,
+        "&is_rule=", rule_meta !== undefined,
+        "&recommended=", rule_meta.docs.recommended,
+        "&fixable=", rule_meta.fixable,
+        "&suggestions=", rule_meta.hasSuggestions
+    ] | join %}
+    {% set cover_image_alt = site.shared.eslint_logo_alt %}
     {% set page_url = ["https://", site.hostname, relative_page_url ] | join %}
 
     <!-- SEO -->