[Doxygen] VDE: Include new pictures. (#6323)

* Include new pictures.

Took 57 minutes

* Update old pictures.

Took 6 minutes

Took 3 minutes

* Update export documentation.

Took 4 minutes

---------

Co-authored-by: Lukas Brübach <Bruebach.Lukas@bdosecurity.de>

doc/doxygen-extra-pages/user_documentation/deck_management/editing_decks_visual.md

@@ -1,5 +1,7 @@
 @page editing_decks_visual Visual Deck Editor
 
+\image html vde_overlap_layout_type_grouped.png width=1200px
+
 # Editing Basic Deck Information
 
 Editing basic deck information is done through the deck dock widget (DeckEditorDeckDockWidget).
@@ -24,6 +26,8 @@ See @ref visual_database_display for more information on how to utilize the visu
 
 To modify or remove cards in the deck list, the tree list view in the deck dock widget can be used.
 
+\image html deck_dock_deck_list.png
+
 Just above the list, at the top right, there are four buttons to manipulate the currently selected card(s):
 
 - Increment Card
@@ -31,9 +35,13 @@ Just above the list, at the top right, there are four buttons to manipulate the
 - Remove Card
 - Switch Card between Mainboard and Sideboard
 
+\image html deck_dock_deck_list_buttons.png
+
 Additionally, there is a combo box above the list, which may be used to change how cards are grouped in the list
 display. This is only for visual display and does not affect how the list is saved.
 
+\image html deck_dock_deck_list_group_by.png
+
 # Modifying the visual deck layout
 
 The visual deck editor displays cards visually, as opposed to simply in list form in the Deck Dock Widget. Each entry in
@@ -41,14 +49,24 @@ the deck list is represented by a picture. These entries are grouped together un
 Sub-groups may be collapsed (i.e. the pictures contained within them are hidden) by clicking on the name of the group in
 the banner.
 
-Cards may either be displayed in a "Flat" layout, which displays each picture next to each other and ensures full
-visibility for each card, or in an "Overlap" layout, which overlaps cards on top of each other (leaving the top 20% of
+Cards may be displayed in a "Flat" layout, which displays each picture next to each other and ensures full
+visibility for each card.
+
+\image html vde_flat_layout_type_grouped.png width=1200px
+
+or in an "Overlap" layout, which overlaps cards on top of each other (leaving the top 20% of
 the card uncovered so names remain readable) and arranges them in stacks to save space and allow for an easy overview.
 
+\image html vde_overlap_layout_type_grouped.png width=1200px
+
 Additionally, it is possible to change how the cards in the deck list are grouped by selecting a different grouping
 method from the combo box, either in the top left of the "Visual Deck View" tab or above the list view in the deck dock
 widget.
 
+Example - Cards grouped by suit/color:
+
+\image html vde_flat_layout_color_grouped.png width=1200px
+
 Furthermore, it is possible to change how the cards are sorted within the sub-group. This is done by clicking on the
 button with the cogwheel icon next to the combo box that adjusts grouping in the top left of the "Visual Deck View" tab.
 This presents a list of available sort criteria, which may be rearranged to change their priorities.
@@ -65,7 +83,11 @@ The visual deck editor offers a "Deck Analytics" tab, which displays information
 - The mana devotion
 - The mana base
 
+\image html vde_deck_analytics.png width=1200px
+
 # Sample Hand
 
 The visual deck editor offers a "Sample Hand" tab, which allows simulating drawing a configurable amount of cards from
-the deck, which reduces the need to launch a single player game for testing purposes.
+the deck, which reduces the need to launch a single player game for testing purposes.
+
+\image html vde_sample_hand.png width=1200px