Dashboards: move related topics to meta data (#32420)

source/dashboards/actions.markdown

@@ -1,6 +1,23 @@
 ---
 title: "Actions"
 description: "Define what an object does when interacted with."
+related:
+- docs: /dashboards/button/
+  title: Button card
+- docs: /dashboards/entities/
+  title: Entities card
+- docs: /dashboards/glance/
+  title: Glance card
+- docs: /dashboards/light/
+  title: Light card
+- docs: /dashboards/picture/
+  title: Picture card
+- docs: /dashboards/picture-elements/
+  title: Picture element card
+- docs: /dashboards/picture-entity/
+  title: Picture entity card
+- docs: /dashboards/picture-glance/
+  title: Picture glance card
 ---
 
 Some cards have support for tap actions. These actions define what will happen when you tap or hold on an object within a card.
@@ -264,14 +281,3 @@ hold_action:
 ## Limitations
 
 It is not possible to use templates for actions. But calling a [script](/docs/scripts/) is a good alternative.
-
-## Related topics
-
-- [Button card](/dashboards/button/)
-- [Entities card](/dashboards/entities/)
-- [Glance card](/dashboards/glance/)
-- [Light card](/dashboards/light/)
-- [Picture card](/dashboards/picture/)
-- [Picture element card](/dashboards/picture-elements/)
-- [Picture entity card](/dashboards/picture-entity/)
-- [Picture glance card](/dashboards/picture-glance/)

source/dashboards/cards.markdown

@@ -1,6 +1,19 @@
 ---
 title: "Cards"
 description: "Introduction to the role of cards on the dashboard and how to add a card."
+related:
+- docs: /dashboards/actions/
+  title: Card tap actions
+- docs: /dashboards/features/
+  title: Card features
+- docs: /dashboards/header-footer/
+  title: Card header and footer widgets
+- docs: /dashboards/views/
+  title: Views
+- docs: /dashboards/
+  title: Introduction to dashboards
+- docs: /dashboards/#get-started-with-your-own-dashboard/
+  title: Take control of the default dashboard
 ---
 
 Each dashboard is made up of cards.
@@ -75,16 +88,3 @@ Another way to add entities to a dashboard is to use the **Device** page.
   ![Add to Dashboard button on the device page](/images/blog/2024-03-dashboard-chapter-1/sections-add-from-device-page.jpg)
 
 {% enddetails %}
-
-## Related topics
-
-- [Views](/dashboards/views/)
-- [Introduction to dashboards](/dashboards/)
-- [Take control of the default dashboard](/dashboards/#get-started-with-your-own-dashboard)
-
-### Cards
-
-- For a list of available card types and more detailed documentation, refer to the **Card types** section in the side navigation.
-- [Card tap actions](/dashboards/actions/)
-- [Card features](/dashboards/actions/)
-- [Card header and footer widgets](/dashboards/header-footer/)

source/dashboards/dashboards.markdown

@@ -1,6 +1,17 @@
 ---
 title: "Multiple dashboards"
 description: "Multiple powerful and configurable dashboards in Home Assistant."
+related:
+- docs: /integrations/logbook/
+  title: Logbook integration
+- docs: /integrations/history/
+  title: History integration
+- docs: /integrations/todo/
+  title: To-do list integration
+- docs: /dashboards/views/
+  title: Views
+- docs: /dashboards/iframe/
+  title: Webpage card
 ---
 
 You can define multiple dashboards in Home Assistant. Each dashboard can be added to the sidebar. This makes it possible to create separate control dashboards for each individual part of your house.
@@ -282,11 +293,3 @@ views:
         content: >
           Welcome to your **dashboard**.
 ```
-
-## Related topics
-
-- [Logbook integration](/integrations/logbook/)
-- [History integration](/integrations/history/)
-- [To-do list integration](/integrations/todo/)
-- [Webpage card](/dashboards/iframe/)
-- [Views](/dashboards/views/)

source/dashboards/features.markdown

@@ -1,6 +1,13 @@
 ---
 title: "Features for dashboard cards"
 description: "Decorate your dashboard cards with quick controls."
+related:
+- docs: /dashboards/humidifier/
+  title: Humidifier card
+- docs: /dashboards/thermostat/
+  title: Thermostat card
+- docs: /dashboards/tile/
+  title: Tile card
 ---
 
 Some dashboard cards have support for features. These widgets add quick controls to the card. Supported features depend on the card and entity capabilities. Multiple features can be added to a single card.
@@ -581,8 +588,3 @@ operation_modes:
   type: list
 {% endconfiguration %}
 
-## Related topics
-
-- [Humidifier card](/dashboards/humidifier/)
-- [Thermostat card](/dashboards/thermostat/)
-- [Tile card](/dashboards/tile/)

source/dashboards/header-footer.markdown

@@ -1,6 +1,15 @@
 ---
 title: "Headers & Footers for dashboard cards"
 description: "Decorate your dashboard cards with header and footer widgets."
+related:
+- docs: /integrations/entity/
+  title: Entity
+- docs: /integrations/entities/
+  title: Entities
+- docs: /integrations/statistics/
+  title: Statistics
+- docs: /integrations/actions/
+  title: Card actions
 ---
 
 Some dashboard cards have support for header and footer widgets. These widgets fill up the whole available space in a card.
@@ -146,10 +155,3 @@ hours_to_show:
   type: integer
   default: 24
 {% endconfiguration %}
-
-## Related topics
-
-- [Entity](/dashboards/entity/)
-- [Entities](/dashboards/entities/)
-- [statistics](/dashboards/statistics/)
-- [Card actions](/dashboards/actions/)

source/dashboards/index.markdown

@@ -1,6 +1,19 @@
 ---
 title: "Dashboards"
 description: "Powerful and configurable dashboards for Home Assistant."
+related:
+- docs: /integrations/entity/
+  title: Dashboard themes
+- docs: /dashboards/dashboards/#creating-a-new-dashboard
+  title: Creating a new dashboard
+- docs: /dashboards/cards/
+  title: About cards
+- url: https://demo.home-assistant.io
+  title: Interactive dashboard demo
+- url: https://home-assistant-cards.bessarabov.com/
+  title: Home Assistant cards
+- url: https://github.com/custom-cards
+  title: Community custom cards
 ---
 
 Home Assistant dashboards allow you to display information about your smart home. Dashboards are customizable and provide a powerful way to manage your home from your mobile or desktop.
@@ -29,16 +42,3 @@ To create your own dashboard, follow the steps on [creating a new dashboard](/da
 
 - Suggestions are welcome in the [frontend repository](https://github.com/home-assistant/frontend/)
 - For help with dashboards, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend)
-
-## Related topics
-
-- [Dashboard themes](/integrations/frontend/#defining-themes)
-- [Interactive dashboard demo](https://demo.home-assistant.io)
-- [Creating a new dashboard](/dashboards/dashboards/#creating-a-new-dashboard)
-
-### Cards
-
-- [About cards](/dashboards/cards/)
-- [Community custom cards](https://github.com/custom-cards)
-- [Home Assistant cards](https://home-assistant-cards.bessarabov.com/)
-

source/dashboards/views.markdown

@@ -1,6 +1,19 @@
 ---
 title: "Views"
 description: "A view is a tab inside a dashboard."
+related:
+- docs: /dashboards/masonry/
+  title: Masonry view
+- docs: /dashboards/panel/
+  title: Panel view
+- docs: /dashboards/sidebar/
+  title: Sidebar view
+- docs: /dashboards/sections/
+  title: Sections view
+- docs: /dashboards/
+  title: About dashboards
+- docs: /dashboards/cards/#adding-cards-to-your-dashboard
+  title: Adding cards to a view
 ---
 
 A view is a tab inside a dashboard. For example, the screenshot below shows a separate view for lights on the Overview dashboard.
@@ -267,12 +280,3 @@ Subview configuration:
       entities:
         - sensor.today_avg_price
 ```
-
-## Related topics
-
-- [Masonry view](/dashboards/masonry/)
-- [Panel view](/dashboards/panel/)
-- [Sidebar view](/dashboards/sidebar/)
-- [Sections view](/dashboards/sections/)
-- [About dashboards](/dashboards/)
-- [Adding cards to a view](/dashboards/cards/#adding-cards-to-your-dashboard)