[release-12.0.4] MySQL documentation major improvements (#108938)

MySQL documentation major improvements (#107690)

* added keywords and fixed description

* Update (dateColumn) description



* Mount docs from the current repository



* Clean up variables



* Improve timeFilter and timeGroup macro description



* Fix timefilter macro example formatting



* Fix time macro example formatting



* Remove extra spaces from timefilter macro example



* Introduce new table and Add examples for time, timeFilter and timeGroup Macros



* Improve existing examples of timeGroupAlias Macro



* Remove data frame description



* fixed the homepage with valid links



* Add Table Panel results for Macros



* fixed and define the configuration part for grafana mysql user



* fixed port typo



* remove the sqlDatasourceDatabaseSelection based https://github.com/grafana/grafana/issues/105232



* added annotation single tag example



* Change format type



* fix minor typos and run prettier



* Address Macros specific changes



* Revert column name and replace URL with version substitution



* re-added the text for the feature flag



* revert back the changes for the grafana mysql usage



* fixed links as per writers toolkit guide

* run prettier



* Update docs/sources/datasources/mysql/query-editor/_index.md

thanks



---------







(cherry picked from commit f7f8a52bda)

Signed-off-by: Sheikh-Abubaker <sheikhabubaker761@gmail.com>
Signed-off-by: Jack Baldry <jack.baldry@grafana.com>
Signed-off-by: Usman Ahmad <usman.ahmad@grafana.com>
Co-authored-by: Usman Ahmad <usman.ahmad@grafana.com>
Co-authored-by: Sheikh-Abubaker <sheikhabubaker761@gmail.com>
Co-authored-by: Jack Baldry <jack.baldry@grafana.com>
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>

docs/sources/datasources/mysql/configuration/_index.md

@@ -45,10 +45,14 @@ This document provides instructions for configuring the MySQL data source and ex
 You must have the `Organization administrator` role in order to configure the MySQL data source.
 Administrators can also [configure the data source via YAML](#provision-the-data-source) with Grafana's provisioning system.
 
-Grafana ships with the MySQL plugin, so no additional installation is required.
-
 {{< admonition type="note" >}}
-When adding a data source, ensure the database user you specify has only `SELECT` permissions on the relevant database and tables. Grafana does not validate the safety of queries, which means they can include potentially harmful SQL statements, such as `USE otherdb;` or `DROP TABLE user;`, which could get executed. To minimize this risk, Grafana strongly recommends creating a dedicated MySQL user with restricted permissions.
+Grafana ships with the MySQL data source by default, so no additional installation is required.
+{{< /admonition >}}
+
+{{< admonition type="caution" >}}
+When adding a data source, ensure the database user you specify has only `SELECT` permissions on the relevant database and tables. Grafana does not validate the safety of queries, which means they can include potentially harmful SQL statements, such as `USE otherdb;` or `DROP TABLE user;`, which could get executed.
+
+To minimize this risk, Grafana strongly recommends creating a dedicated MySQL user with restricted permissions.
 {{< /admonition >}}
 
 Example:
@@ -81,7 +85,7 @@ Following is a list of MySQL configuration options:
 
 **Connection:**
 
-- **Host URL** - Enter the IP address/hostname and optional port of your MySQL instance. If the port is omitted the default 3306 port will be used.
+- **Host URL** - Enter the IP address/hostname and optional port of your MySQL instance. If the port is omitted the default `3306` port will be used.
 - **Database** - Enter the name of your MySQL database.
 
 **Authentication:**